关于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 相关文章推荐
javascript实现的DES加密示例
Oct 30 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
jquery css实现流程进度条
Mar 26 jQuery
element-ui封装一个Table模板组件的示例
Jan 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
PHP错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
JavaScript 调试器简介
2009/02/21 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
获取鼠标在div中的相对位置的实现代码
2013/12/30 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
Python创建模块及模块导入的方法
2015/05/27 Python
基于python 字符编码的理解
2017/09/02 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
python 2.7.14安装图文教程
2018/04/08 Python
numpy库与pandas库axis=0,axis= 1轴的用法详解
2019/05/27 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
浅谈HTML5 &amp; CSS3的新交互特性
2016/07/19 HTML / CSS
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
STP的判定过程
2012/10/01 面试题
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
幼儿园教师获奖感言
2014/03/11 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
债务授权委托书范本
2014/10/17 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL