使用jquery.ready函数的时候,页面中的内容不输出了怎么回事
屏幕分辨率的高和宽
javascript
JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。
这是js里面的代码
$(document).ready(function(){
var mychar=document.getElementById("con") ;
document.write("原标题:"+mychar.innerHTML+"
"); //输出原h2标签内容
mychar.innerHTML="Hello world"
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
});
输出结果为:
原标题:javascript
修改后的标题:Hello world
请问一下为什么p里面的元素怎么不展现了
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
虽然没试,但我觉得你的
h2也没了,只剩下存粹的文字,要不你F12调试看看dom结构?在页面加载完毕后,再执行document.write('xxxx'),整个html文档被'xxx'内容重新覆盖了
document.write这个方法我不知道你对他是如何理解的
按照你的方式写了一遍代码、你会发现document.write覆盖了原始页面的代码
相当于整个页面被覆盖重写了
给几个链接你参考下 https://developer.mozilla.org...
http://blog.csdn.net/billfell...
我也试了下,首先,你文档是加载完了调用
document.write所以会覆盖掉原先的内容。但又不是
document.write就一定会覆盖, 所以第二个write又能在文档里添加而不是覆盖掉上一个的write.正如链接里说的
第一个
write自动调用了open,第二个write并没有调用open所以直接在文档添加新内容。为了验证这个猜想,我在console上每次write之前调用了
document.open(),果然每次write都是覆盖文档。document.write()只可以用在文档完全载入之前,页面载入后就不能再写入了。这时候你再调用
document.write()的话,会重新覆写整个文档;JS代码执行期间有多个
document.write(),都会直接输出出来加到页面上;直至遇到
document.close()或JS脚本执行完毕才终止。这里你用
$(document).ready()延迟执行了代码,所以会重新覆写整个文档,之前的P什么的就没有了哦~写得详细点,希望对你有帮助。
我认为应该是你使用了document.write的原因