在HTML代码中使用JavaScript代码的例子


Posted in Javascript onOctober 16, 2014

<script></script> 标签

要在 HTML 中使用 JavaScript ,需要使用 <script></script> 标签,并定义 type 属性值为 text/javascript ,正如前面的 alert 弹出提示框 例子所示:

<script type="text/javascript">

alert("我是提示文字!");

</script>

通常单独的 JavaScript 代码是没什么意义的, JavaScript 代码一般会结合 HTML 代码一起使用,因为 JavaScript 本来就是为了弥补 HTML 的缺陷而产生的。下面是 JavaScript 代码和 HTML 代码一起使用的例子:

<html>

<head>

<script type="text/javascript">

alert("我是提示文字!");

</script>

</head>

<body>

<div>图片及文字内容</div>

</body>

</html>

通常,JavaScript 代码(<script></script>标签)放置于 <head></head> 标签之内,更详细的内容请参阅《JavaScript 代码放置于 HTML 什么地方?》。

Javascript 相关文章推荐
jquery BS,dialog控件自适应大小
Jul 06 Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
Jan 16 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
vuex与组件联合使用的方法
May 10 Javascript
JavaScript中的null和undefined用法解析
Sep 30 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
Jul 22 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
解析原生JS getComputedStyle
May 25 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 #Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 #Javascript
编程语言JavaScript简介
Oct 16 #Javascript
js父页面与子页面不同时显示的方法
Oct 16 #Javascript
Javascript Memoizer浅析
Oct 16 #Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 #Javascript
JavaScript实现继承的4种方法总结
Oct 16 #Javascript
You might like
用libtemplate实现静态网页生成
2006/10/09 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP文件读写操作之文件写入代码
2011/01/13 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
jQuery的框架介绍
2016/05/11 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
利用Opencv中Houghline方法实现直线检测
2018/02/11 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
python 写一个性能测试工具(一)
2020/10/24 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
房展策划方案
2014/06/07 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang
Vue中foreach数组与js中遍历数组的写法说明
2021/06/05 Vue.js