关于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 相关文章推荐
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
jsonp跨域请求详解
Jul 13 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
通过封装scroll.js 获取滚动条的值
Jul 13 Javascript
vue点击页面空白处实现保存功能
Nov 06 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 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
phpmyadmin的#1251问题
2006/11/25 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
浅入深出Vue之组件使用
2019/07/11 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
python引用DLL文件的方法
2015/05/11 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
毕业生教师求职信
2013/10/20 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
乔迁宴答谢词
2014/01/21 职场文书
普通话宣传标语
2014/06/26 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2014年财政工作总结
2014/12/10 职场文书
年底个人总结范文
2015/03/10 职场文书
2015年毕业生个人自荐书
2015/03/24 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle