网页端嵌入js代码
2017-03-27 12:16
232 查看
网页端嵌入js代码
这样就不用将JS代码嵌入到特定的标签位置上了。只要在Client.js中调用相应标签即可
index.html
<!DOCTYPE html>
<html>
<head>
<title>test jquery</title>
<script src="jquery-1.8.0.min.js" type="text/javascript">
</script>
<script src="client.js" type="text/javascript">
</script>
</head>
<body>
<input name="Tom" type="text" id="test" placeholder="enter to put out the result"/>
<p id="result"> 123 </p>
</body>
</html>client.js
$(document).ready(function(){
$("#test").keypress(function(e){
console.log("1");
if(e.keyCode == 13){
$("#result").text("Yang Shuo");
console.log("2");
}
}
)
}
);
这样就不用将JS代码嵌入到特定的标签位置上了。只要在Client.js中调用相应标签即可
index.html
<!DOCTYPE html>
<html>
<head>
<title>test jquery</title>
<script src="jquery-1.8.0.min.js" type="text/javascript">
</script>
<script src="client.js" type="text/javascript">
</script>
</head>
<body>
<input name="Tom" type="text" id="test" placeholder="enter to put out the result"/>
<p id="result"> 123 </p>
</body>
</html>client.js
$(document).ready(function(){
$("#test").keypress(function(e){
console.log("1");
if(e.keyCode == 13){
$("#result").text("Yang Shuo");
console.log("2");
}
}
)
}
);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 防止网页被嵌入框架的js代码
- 在jsp页面嵌入java代码和js并且在js中直接使用java代码中的变量
- html中嵌入电子时钟和指针时钟的js代码
- 2.2 js嵌入代码和外部脚本
- iOS UIWebView 与 JavaScript 交互 代码实现 嵌入 js 脚本
- 【js】：html代码如何嵌入js文件
- html嵌入js代码显示而不执行的
- js获取jsp页面中嵌入的java代码中的变量
- JS----baidu、google 简搜索框嵌入网页代码
- jsp的java代码中嵌入js代码，此处…
- 防止网页被嵌入框架iframe的js代码
- js如何获取jsp页面中嵌入的java代码中的变量？
- 在网页里面嵌入播放优酷视频的js代码
- Gridview 中动态嵌入和执行 js 代码
- 防止网页被嵌入框架的JS代码
- 如何在 JS 中嵌入大量 HTML 代码 --更新2017-10-10 16:37:09
- 如何在 JS 中嵌入 HTML 代码？
- js和css代码嵌入html文件的方式总结
- 存储过程 VS 嵌入代码的sql语句
- [转]今天看到的一篇js屏蔽键盘的代码，经典！