关于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 分栏效果实现代码
Aug 29 Javascript
javascript Object与Function使用
Jan 11 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
React学习之JSX与react事件实例分析
Jan 06 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
angular共享依赖的解决方案分享
Oct 15 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
Home Coffee Roasting
2021/03/03 咖啡文化
php学习 字符串课件
2008/06/15 PHP
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
php实现倒计时效果
2015/12/19 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
php 可变函数使用小结
2018/06/12 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
php的扩展写法总结
2019/05/14 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
JavaScript 创建对象
2009/07/17 Javascript
JS解析XML的实现代码
2009/11/12 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
2016/09/21 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
详解微信小程序 登录获取unionid
2017/06/27 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
python Flask实现restful api service
2017/12/04 Python
python tkinter基本属性详解
2019/09/16 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
python如何判断IP地址合法性
2020/04/05 Python
报告会主持词
2014/04/02 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
公务员政审材料
2014/12/23 职场文书
音乐之声观后感
2015/06/04 职场文书
小学生法制教育心得体会
2016/01/14 职场文书