javascript - 使用jquery.ready函数的时候,页面中的内容不输出了怎么回事
黄舟
黄舟 2017-04-11 11:56:14
[JavaScript讨论组]

使用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里面的元素怎么不展现了

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(5)
PHPz

虽然没试,但我觉得你的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.

正如链接里说的

向一个已经加载,并且没有调用过document.open()的文档写入数据时,会自动完成调用document.open()的操作。一旦完成了数据写入,系统要求调用document.close(),以告诉浏览器页面已经加载完毕。写入的数据会被解析到文档结构模型里。

第一个write自动调用了open,第二个write并没有调用open所以直接在文档添加新内容。

为了验证这个猜想,我在console上每次write之前调用了document.open(),果然每次write都是覆盖文档。

伊谢尔伦

document.write()只可以用在文档完全载入之前,页面载入后就不能再写入了。

这时候你再调用document.write()的话,会重新覆写整个文档;
JS代码执行期间有多个document.write(),都会直接输出出来加到页面上;
直至遇到document.close()或JS脚本执行完毕才终止。

这里你用$(document).ready()延迟执行了代码,所以会重新覆写整个文档,之前的P什么的就没有了哦~

写得详细点,希望对你有帮助。

黄舟

我认为应该是你使用了document.write的原因

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号