使用CSS添加JavaScript';内容';风格
我有一个特定的web应用程序,它的页面是使用数据库中的表数据按程序生成的,我对它的功能的唯一定制是使用CSS来显示结果 我想知道是否可以使用CSS内容样式将javascript操作插入页面的一部分 作为一个例子,它看起来如下所示:使用CSS添加JavaScript';内容';风格,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个特定的web应用程序,它的页面是使用数据库中的表数据按程序生成的,我对它的功能的唯一定制是使用CSS来显示结果 我想知道是否可以使用CSS内容样式将javascript操作插入页面的一部分 作为一个例子,它看起来如下所示: .actioncatalogwrapper:after{ content: (Javascript here); } <script type="text/javascript"> $('ul ul').hide(); $('.desc
.actioncatalogwrapper:after{
content: (Javascript here);
}
<script type="text/javascript">
$('ul ul').hide();
$('.description').hide();
$('h2').click(function() {
$(this).siblings().slideToggle();
$('ul ul ul').slideDown();
$(this).parent().siblings().children().next().slideUp();
});
</script>
不过,我对这将如何发挥作用有一些疑问:
- 我是否需要在Javascript中转义引号,以便在内容样式中使用它
- 我所要求的可能吗?如果不将javascript粘贴为内容样式的数据,这会是什么样子
.actioncatalogwrapper:after{
content: (Javascript here);
}
<script type="text/javascript">
$('ul ul').hide();
$('.description').hide();
$('h2').click(function() {
$(this).siblings().slideToggle();
$('ul ul ul').slideDown();
$(this).parent().siblings().children().next().slideUp();
});
</script>
$('ul').hide();
$('.description').hide();
$('h2')。单击(函数(){
$(this.sides().slideToggle();
$('ul').slideDown();
$(this).parent().sides().children().next().slideUp();
});
这是不可能的
请参见规范:
生成的内容不会改变文档树。特别是
不会反馈给文档语言处理器(例如
重做)
不可能……噢,该死。。。。为什么不呢?因为这根本不是浏览器做的事情。为什么不将脚本添加到页面中,并将其作为“加载”事件处理程序(或任何合适的处理程序)运行?这是不可能的。顺便问一下,你发布的脚本和CSS之间有什么关系?为什么你需要将它添加到CSS中,而不仅仅是在加载页面时执行浏览器?我之所以要求通过CSS添加脚本,是因为我无法控制页面的HTML内容,也无法手动添加脚本。该页面是作为我为工作中的客户定制的ITSM应用程序的一部分自动生成的。我们可以控制用于页面样式和页面上显示的结果的CSS,但不能控制页面的实际内容,因此我们不能仅仅修改页面使用的HTML来添加脚本,因为我们没有开发生成页面的应用程序。