文档加载完毕执行JS的三种方法
2014-02-12 20:29
316 查看
JSP 页面:
JS文件中的三种书写方法:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>JQueryTest</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="js/index.js"></script> </head> <body> <div id="msg">This is a test!</div><br/> </body> </html>
JS文件中的三种书写方法:
//文件加载之后进行函数调用 //方法一(一个文件中只能写一次window.onload) window.onload = function(){ var msg = document.getElementById("msg"); alert(msg.innerHTML); };
//方法二(可以有多个) $(document).ready(function(){ var msg = document.getElementById("msg"); alert(msg.innerHTML); });
//方法三 (可以有多个) $(function(){ var msg = document.getElementById("msg"); alert(msg.innerHTML); });
相关文章推荐
- jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
- JQuery文档加载完成执行js的几种方法
- 页面加载完毕后执行js函数的方法
- 实现在HTML页面加载完毕后执行某个JS的两种方法
- 网页加载完毕执行函数的三种方法
- 【jQuery】使用getScript()方法异步加载并执行js文件
- 页面自动执行的几种方法 (加载)js的几种方法 原生和jquery
- springmvc 中web容器加载完毕执行的方法
- 原生js检测页面加载完毕的方法
- 网页中JS函数自动执行常用三种方法
- easyui 加载 html 片段 js不执行解决方法
- 异步加载js并执行js方法
- JS页面加载完毕后执行的多种方式和比较
- 多种方法实现当jsp页面完全加载完成后执行一个js函数
- 页面自动执行(加载)js的几种方法
- 两种方法实现在HTML页面加载完毕后运行某个js
- 判断CSS与JS是否加载完毕的方法
- 在网页中JS函数自动执行常用三种方法
- jqury+ajax每秒向后台发送请求数据然后返回页面(包括jqruy页面加载完毕才执行方法)
- 两种方法实现在HTML页面加载完毕后运行某个js