如何在网页中写javascript

来源:互联网 发布:无锡程序员工资 编辑:程序博客网 时间:2024/04/29 18:37
1  在页面中直接嵌入Javascript
<html>
<head>
<script language="javascript">    
        js程序
</script>
</head>
<body>
</body>

</html>

例如:

<span style="font-size:14px;"><html><head><title>Insert title here</title><script language="javascript">var now = new Date();var year = now.getYear()+1900;var month = now.getMonth()+1;var date = now.getDate();var day = now.getDay();var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");var week = arr_week[day];var time = "当前时间:"+year+"年"+month+"月"+date+"日"+week;alert(time);</script></head><body></body></html></span>

2  引用外部的Javascript

如果脚本比较复杂或是同一段代码被很多页面使用,则可以将这些脚本代码放置在一个单独的文件中,该文件扩展名为.js,然后在需要使用该代码的web页面中链接该Javascript文件即可。

.js后缀的文件中以 function   方法名(){}编写js代码


<script language="javascript" src = ".js后缀的文件路径"></script>

然后在<body></body>标签调用.js后缀文件中的方法

<body onload = ".js后缀文件中的方法"></body>

在.js后缀的文件中不需要使用<script></script>标签对括起来。


例如:html文件

<span style="font-size:14px;"><html><head><title>Insert title here</title><script language="javascript" src = "js3.js"></script></head><body onload = "getDate()"></body></html></span>

js文件

<span style="font-size:14px;">function getDate(){var now = new Date();var year = now.getYear()+1900;var month = now.getMonth()+1;var date = now.getDate();var day = now.getDay();var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");var week = arr_week[day];var time = "当前时间:"+year+"年"+month+"月"+date+"日"+week;alert(time);}</span>



0 0