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


Posted in Javascript onMay 05, 2018

本文讲述了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 相关文章推荐
js下利用控制器载入对应脚本
Jul 17 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 Javascript
Vue绑定用户接口实现代码示例
Nov 04 Javascript
js动态引入的四种方法
May 05 #Javascript
关于HTML5的data-*自定义属性的总结
May 05 #Javascript
深入浅析Vue.js计算属性和侦听器
May 05 #Javascript
详解js跨域请求的两种方式,支持post请求
May 05 #Javascript
vue 注册组件的使用详解
May 05 #Javascript
Vue三层嵌套路由的示例代码
May 05 #Javascript
动态加载JavaScript文件的3种方式
May 05 #Javascript
You might like
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
php array_merge下进行数组合并的代码
2008/07/22 PHP
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
文件上传插件SWFUpload的使用指南
2016/11/29 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
基于JS开发微信网页录音功能的实例代码
2019/04/30 Javascript
原生js实现弹窗消息动画
2020/11/20 Javascript
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
python中subprocess批量执行linux命令
2018/04/27 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
详解python中index()、find()方法
2019/08/29 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
2014年党员自我评议(5篇)
2014/09/12 职场文书
作风建设整改方案
2014/10/27 职场文书
班主任先进事迹材料
2014/12/17 职场文书
检讨书格式范文
2015/05/07 职场文书
金榜题名主持词
2015/07/02 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
检举信的写法
2019/04/10 职场文书
创业计划书之宠物店
2019/09/19 职场文书
《废话连篇——致新手》——chinapizza
2022/04/05 无线电