码迷,mamicode.com
首页 > 编程语言 > 详细

javascript在html中使用 第10节

时间:2015-06-19 16:35:09      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

javascript在html中使用

index.html:

<html>
<head>
    <title>javascript</title>
    <script type="text/javascript">
        function showTime(){
            var d = new Date();
            alert(d.toLocaleString());
       }
     </script>
  <script type="text/javascript" src="main.js"></script> </head> <body> <h3>1.在使用的位置加入script标记</h3> <select name="year"> <script> for(var i = 1990; i < 2015; i++) { document.write("<option value=‘" + i + "‘>" + i + "</option>"); } </script> </select> <h3>2.在事件处理中写脚本 onclick</h3> <input type="button" value="hello" onclick="alert(‘Hello world!‘)"/> <h3>3.代码写入函数中 在事件中调用</h3> <input type="button" value="时间" onclick="showTime()"/> <h3>4.在超链接中写脚本</h3> <a href="javascript:alert(‘呵呵‘)">删除</a> <h3>5.在外部文件写脚本 .js导入 到当前文档</h3> <input type="button" value="背景" onclick="change()"/> </body> </html>

 main.js:

function change() {
    document.bgColor="pink";
}

 在相同目录下:

用firefox打开index.html

结果:

技术分享

javascript在html中使用 第10节

标签:

原文地址:http://www.cnblogs.com/feilongblog/p/4589011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!