js使用方式
来源:互联网 发布:如何在七天网络查分 编辑:程序博客网 时间:2024/06/15 20:13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1.行内js</title>
</head>
<body>
<!--仅由该行标签触发-->
<!--onclick 事件会在对象被点击时发生。
alert 弹出框-->
<input type="button"value="点击有惊喜" onclick="javascript:alert('哈哈哈哈,吓一跳了吧')">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2.内部js</title>
<style>
#btn{
border: 2px solid red;
}
</style>
<!--<script type="text/javascript">-->
<!--<!– 作用范围比行内js要大,整个页面都可以使用–>-->
<!--//声明一个函数-->
<!--// function surprise(){-->
<!--// alert('恭喜你,中奖了!');-->
<!--// }-->
<!--</script>-->
</head>
<body>
<!--<input type="button" value="点击有惊喜"onclick="surprise()">-->
<input type="button" id="btn" value="点击">
</body>
<!--<script>-->
<!--var ele=document.getElementById("btn")//获得ID-->
<!--ele.addEventListener("click",function(){-->
<!--alert("哈哈哈");-->
<!--})//监听事件-->
<!--</script>-->
<noscript>
<h1>您的浏览器不支持JS!</h1>
</noscript>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式3.外部js</title>
<!-- 使用外部js文件,通过script标签导入,
src属性是指定js文件路径,
标签必须分为两部分,
标签内不允许添加任何代码-->
<script src="js/test.js" type="text/javascript"charset="utf-8"language="JavaScript"></script>
</head>
<body>
<!--ondblclick : 双击-->
<input type="button" value="双点击有惊喜"ondblclick="test()">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1.行内js</title>
</head>
<body>
<!--仅由该行标签触发-->
<!--onclick 事件会在对象被点击时发生。
alert 弹出框-->
<input type="button"value="点击有惊喜" onclick="javascript:alert('哈哈哈哈,吓一跳了吧')">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2.内部js</title>
<style>
#btn{
border: 2px solid red;
}
</style>
<!--<script type="text/javascript">-->
<!--<!– 作用范围比行内js要大,整个页面都可以使用–>-->
<!--//声明一个函数-->
<!--// function surprise(){-->
<!--// alert('恭喜你,中奖了!');-->
<!--// }-->
<!--</script>-->
</head>
<body>
<!--<input type="button" value="点击有惊喜"onclick="surprise()">-->
<input type="button" id="btn" value="点击">
</body>
<!--<script>-->
<!--var ele=document.getElementById("btn")//获得ID-->
<!--ele.addEventListener("click",function(){-->
<!--alert("哈哈哈");-->
<!--})//监听事件-->
<!--</script>-->
<noscript>
<h1>您的浏览器不支持JS!</h1>
</noscript>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式3.外部js</title>
<!-- 使用外部js文件,通过script标签导入,
src属性是指定js文件路径,
标签必须分为两部分,
标签内不允许添加任何代码-->
<script src="js/test.js" type="text/javascript"charset="utf-8"language="JavaScript"></script>
</head>
<body>
<!--ondblclick : 双击-->
<input type="button" value="双点击有惊喜"ondblclick="test()">
</body>
</html>
阅读全文
0 0
- js使用方式
- JS使用post方式提交
- HTML下js使用方式
- JS的使用方式-行内js
- JS的使用方式-内部js
- JS的使用方式-外部js
- 转载:js中常用的使用方式
- js的三种使用方式
- JS使用POST方式提交请求
- webservice使用js访问的方式
- js使用函数创建对象的方式
- js使用post 方式打开新窗口
- JS实现使用POST方式发送请求
- js数组添加元素方式使用push
- js进度条插件之spin使用方式
- JS的with语句的使用方式
- html第九课时,js使用方式1.行内js
- heml5第九课时,js使用方式2.内部js
- EditText 限制输入为中文,个数为6个
- CodeForces
- 1967: Election
- 7_18|C语言|判断浮点数等于0|浮点数的保存形式
- spring事务管理 @Transactional
- js使用方式
- Android Studio 中出现错误Failed to resolve: com.android.support.constraint:constraint-layout:1.0.2
- cdh完美集成kafka
- 算法系列——Rotate List
- Windows下Nginx+Tomcat整合的安装与配置
- MySQL 同表一个字段赋值给另一个字段
- 几个好用的terminal快捷键
- localStorage的过期时间设置的方法?
- python数据挖掘笔记(2)—模型建立