关于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 相关文章推荐
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
深入探讨前端框架react
Dec 09 Javascript
基于Vue如何封装分页组件
Dec 16 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
vue中tab选项卡的实现思路
Nov 25 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 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程序--记数器
2006/10/09 PHP
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
判断JavaScript中的两个变量是否相等的操作符
2019/12/21 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
使用Python多线程爬虫爬取电影天堂资源
2016/09/23 Python
python读文件的步骤
2019/10/08 Python
YUV转为jpg图像的实现
2019/12/09 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
《尊严》教学反思
2014/02/11 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
乡镇党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
请客吃饭开场白
2015/06/01 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL