js坚持不懈之14：不要在文档加载之后使用 document.write()示例

在看w3school的JavaScript教程时，关于文档输出流中有这么一句话：绝不要在文档加载之后使用 document.write()。这会覆盖该文档。

不太明白什么意思，找了一个例子：

<!DOCTYPE html>
<html>
<body>

<p>点击按钮就可以执行 <em>displayDate()</em>函数。</p>
<button onclick = "displayDate()">点击这里</button>

<script>
function displayDate()
{
    document.write("覆盖页面");
}
</script>

</body>
</html>

初始页面：

点击后：

原文地址：https://www.cnblogs.com/zrmw/p/10374609.html

时间： 2024-11-07 08:12:03

js坚持不懈之14：不要在文档加载之后使用 document.write()示例的相关文章

Javascript绝不要使用在文档加载之后使用 document.write()，怎么理解？

在文档加载之后使用 document.write(),会覆盖该文档. 需满足两个条件: 1.在函数内部调用document.write(): 2.通过按钮响应调用函数: 举例: 输出结果: 点击“点击这里”,加载文档,文档被覆盖:

js 文档加载完成之后执行备用

1 //文档加载完成之后执行 2 (function(){ 3 var _globeCallback; 4 window.$$ = function(callback){ 5 _globeCallback = callback; 6 }; 7 function documentReady(){ 8 _globeCallback(); 9 } 10 //document ready --mobile -webkit 11 var listenerDocumentReady = function()

JS如何实现文档加载完成后再去执行代码

JS如何实现文档加载完成后再去执行代码:在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title&g

【JS教程16】jquery文档加载完再执行

jquery文档加载完再执行将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快. <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <script type="text/javascript"> $

jQuery文档加载完毕的几种写法

1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <HEAD> 4 <meta charset="utf-8"> 5 <TITLE>jQuery文档加载完毕的几种写法</TITLE> 6 </HEAD> 7 8 <body style=" overflow-y:scroll;overflow-x:auto;"> 9 &

jquery文档加载几种写法，图片加载写法

jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函数. $(window).load(function() { });//调用window对象下的load方法传入一个函数. (function() { })(jQuery)//()()表示立即执行并且传入jquery = $ 所以之前$也可以替换为jQuery 注意: jquery的ready只是

jquery.ready可以在文档加载后尽快执行对文档的操作

jquery 1.12.4中ready的关键代码 1 jQuery.ready.promise = function( obj ) { 2 if ( !readyList ) { 3 4 readyList = jQuery.Deferred(); 5 6 // Catch cases where $(document).ready() is called 7 // after the browser event has already occurred. 8 // Support: IE6-1

JavaScript文档加载和事件绑定

为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理. 在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机.页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档

document.ready和onload的区别——JavaScript文档加载完成事件

文章转自:http://blog.csdn.net/kk5595/article/details/5713209 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 更多内容戳这里:http://blog.