在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 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
通过javascript设置css属性的代码
Dec 28 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
Sep 06 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
Javascript实现登录记住用户名和密码功能
Mar 22 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
React中使用UMEditor的方法示例
Dec 27 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
2.PHP入门
2006/10/09 PHP
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
国外PHP程序员的13个好习惯小结
2012/02/20 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
Python基本语法经典教程
2016/03/11 Python
深入浅析Python中join 和 split详解(推荐)
2016/06/30 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
python动态规划算法实例详解
2020/11/22 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
2014年消防工作总结
2014/11/21 职场文书
学校食品安全责任书
2015/01/29 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python