文档加载完毕执行JS的三种方法

来源：互联网发布：淘宝图书影印版怎么样编辑：程序博客网时间：2024/06/06 16:44

JSP 页面：

<%@ 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);});

0 0