首页 > 编程 > JavaScript > 正文

关于js的三种使用方式(行内js、内部js、外部js)的程序代码

2019-11-19 13:54:41
字体:
来源:转载
供稿:网友

本文讲述了js的三种使用方式(行内js、内部js、外部js)的实例代码,感兴趣的小伙伴们可以参考一下,具体如下:

1、行内js:js不单独写出

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>js使用方式1:行内js</title> </head> <body> <input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')"> <!--onclick:点击触发一个事件,alert:弹出一个对话框--> </body> </html> 

2、内部js:script里的程序整个页面都可以用

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>js使用方式2:内部js</title>  <script type="text/javascript">   //声明一个函数(整个文档都可以使用)   function surprise() {    alert('恭喜你中了一百万')/*弹出框*/   }  </script> </head> <body> <input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数--> <input type="button" value="点击" onclick="surprise()"> </body> </html> 

3、外部js:很多html页面都可以调用设定的js页面

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>js使用方式3:外部js</title>  <!--很多html页面都可以调用js4.js页面-->  <script src="../../js/js4.js" type="text/javascript" charset="utf-8">  </script> </head> <body> <input type="button" value="点击" onclick="test()"> </body> </html> 

以上所述是小编给大家介绍的js的三种使用方式(行内js、内部js、外部js)的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表