您的位置：首页 > Web前端 > JavaScript

如何在网页中写javascript

2016-05-25 21:19 651 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航