关于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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
学习ExtJS fit布局使用说明
Oct 08 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
微信小程序微信支付接入开发实例详解
Apr 12 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
解决webpack多页面内存溢出的方法示例
Oct 08 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
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
别人整理的服务器变量:$_SERVER
2006/10/20 PHP
PHP读取XML值的代码(推荐)
2011/01/01 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
JS+canvas画一个圆锥实例代码
2017/12/13 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
简单上手Python中装饰器的使用
2015/07/12 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
Python断言assert的用法代码解析
2018/02/03 Python
pandas DataFrame数据转为list的方法
2018/04/11 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
python中封包建立过程实例
2021/02/18 Python
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
活动总结怎么写
2014/04/28 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
论群众路线学习笔记
2014/11/06 职场文书
2014业务员年终工作总结
2014/12/09 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书