关于js的三种使用方式（行内js、内部js、外部js）的程序代码
更新时间：2018年05月05日 15:24:47 作者：xuehyunyu
本文主要和大家介绍关于js的三种使用方式（行内js、内部js、外部js）的实例代码,小编觉得挺不错的,现在分享给大家
本文讲述了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）的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要简单介绍了JavaScript函数节流的相关知识，有相同需求的小伙伴们可以仔细阅读下2014-12-12
下面小编就为大家带来一篇实现JavaScript的组成----BOM和DOM详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
pjblog修改技巧汇总...2007-03-03
一般我们在开发过程中通过window.open打开新窗口，但现在浏览器与杀毒都防止了这个函数弹出页面，一般我们将页面设置信任才可以使用，不过我们在后台开发过程中仍然通过这个方法打开页面，这里简单介绍下使用方法与常用参数2013-06-06
事件处理是对象化编程的一个很重要的环节，没有了事件处理，程序就会变得很死，缺乏灵活性。2009-01-01
JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议,本文从理论到实践详细的讲解了JSON和JSONP的使用2013-11-11
本文主要是给大家简单介绍了Array的相关基础知识，到这里也算是能对Array有更全面的理解了，希望大家能够喜欢，后续我们将继续介绍关于array的内容。2016-03-03
用meta实现的页面跳转代码,建议与js一起使用，防止页面假死或不支持js的情况，都可以实现效果。2007-09-09
利用下面的脚本方便返回当前网页的url,一般自己可以根据需要利用2008-09-09
这篇文章主要介绍了js图片预加载示例,需要的朋友可以参考下2014-04-04
最新评论