如何让页面加载完成后执行js_javascript技巧

javascript 当页面dom模型加载完成后才执行javascript
不能使用<body onload="">
加上 defer 等于在页面完全在入后再执行，相当于 window.onload ，但应用上比 window.onload 更灵活

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script  defer="defer">
alert("页面加载完我才执行的")
</script>
先看到这段话  然后再执行上面的 JS  如果去掉上面的 defer="defer" 那么会先执行JS  在看到这段话
</body>
</html>

时间： 2025-01-20 10:42:29

如何让页面加载完成后执行js_javascript技巧的相关文章

如何让页面加载完成后执行js

javascript 当页面dom模型加载完成后才执行javascript不能使用<body onload="">加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload 更灵活 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/x

页面加载完后自动执行一个方法的js代码_javascript技巧

1.在body中用onload: <body onload="myfunction()"> 2.在脚本中用window.onload: <script type="text/javascript"> function myfun() { alert("this window.onload"); } /*用window.onload调用myfun()*/ window.onload=myfun;//不要括号 </scr

网页代码加载完成后执行transition

文章简介:网页代码加载完毕再执行transition. 首先给body添加preload这个class,然后给所有的元素执行transition为none,最后通过js判断,加载完毕把body上的preload这个class去掉 <body class="preload"> .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: n

JS实现文档加载完成后执行代码_javascript技巧

在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; } </style&g

页面加载完成后再执行JS的jquery写法以及区别说明

 本篇文章主要是对页面加载完成后再执行JS的jquery写法以及区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.$(function(){  $("#a").click(function(){  //adding your code here  });  });  2.$(document).ready(function(){  $("#a").click(function(){  //adding your code here   });  })

多种方法实现当jsp页面完全加载完成后执行一个js函数_JSP编程

方法1:如下程序,当页面完全加载后执行openTheIndexPage()方法 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Telecommunications Data Collection System</title> <script t

JavaScript实现当网页加载完成后执行指定函数的方法_javascript技巧

本文实例讲述了JavaScript实现当网页加载完成后执行指定函数的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码演示了如何在网页加载完成时调用指定的函数,并且可以通过第二段代码动态添加多个函数同时执行. 我们只需要给window.onload指定一个函数既可以在页面加载完成时自动执行MyCoolInitFunc函数 <script type="text/javascript" > window.onload = MyCoolInitFunc </scri

页面加载完毕后滚动条自动滚动一定位置

 希望页面加载完毕后向左自动滚动一定位置,下面有个不错的方法可以轻松帮大家实现下 昨天有一需求,是希望页面加载完毕后向左自动滚动一定位置.    一直以为只要给页面的 document.documentElement.scrollLeft 设置一个数值就生效,结果失望了~  今天抽空一查,才发现:  使用document.documentElement.scrollLeft 设置值,必须在人为事件触发下才生效:  想要页面加载完毕时自动滚动一定距离,则使用jquery的animate,如下面例子

在webbrowser中右键a标签都带有spm值，但在页面加载完毕后，在自定义按钮事件中用如下代码读取时，都没有spm值，求大神帮助。

问题描述 在webbrowser中右键a标签都带有spm值,但在页面加载完毕后,源文件的a标签都没有spm值,右击a标签之后spm值就会出现.估计是"//g.alicdn.com/alilog/mlog/??spm.js,spmact.js?v=141204"里的y()函数在加载的时候没有被触发.敢问大神怎么解决这个问题呢,只要实现我在模拟点击的a标签里有spm的值. 解决方案 本帖最后由 hunter1861 于 2015-10-05 15:17:24 编辑解决方案二:顶一下,大神们