html脚本之html网页中的javascript学习笔记

原创 PHP笔记  2017-03-18 17:56  阅读 827 views 次

js(javascript)是用来控制html元素变化的,通过js我们可以让网页中的元素动起来,使html网页具有更强的动态和交互性。学习js请移步到:js笔记目录

1、html <script>标签

<script>标签是用来定义客户端脚本的,比如定义JavaScript脚本。<script>标签中可以直接写脚本语句,也可也通过标签的src属性来引入外部脚本文件,用type属性来规定脚本的类型。网页中最常见的就是用<script>标签来引入js,引入js的方法在笔记:在html中怎样引入js,javascript的几种引入方法!中记录过,这就不详细记录了。

2、<noscript> 标签

<noscript> 标签的作用是标记当浏览器无法执行脚本语言时替代内容,比如当浏览器禁用脚本、浏览器不支持客户端脚本的时候,就会用到<noscript>标签。

实例:

......
<body>
<script type="text/javascript">
document.write("PHP笔记")
</script>
<noscript>您的浏览器不支持JavaScript!</noscript>
</body>
......

运行结果:PHP笔记或您的浏览器不支持JavaScript!

说明:当浏览器可以运行JavaScript时,输出“PHP笔记”,如果浏览器不支持JavaScript或被禁用JavaScript脚本就会输出“您的浏览器不支持JavaScript!”。

3、体验JavaScript

在网页中实现一个<span>标签其元素内容为0,两个<button>标签其元素内容分别为加和减,通过javascript控制,当点击加时span元素内容加一,点击减时span元素内容减1.

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html布局_PHP笔记</title>
</head>
<body>
<script type="text/javascript">
function add(){
var v= document.getElementsByTagName("span");
v[0].innerHTML =parseInt(v[0].innerText)+1;
}
function reduce(){
var v= document.getElementsByTagName("span");
v[0].innerHTML =parseInt(v[0].innerText)-1;
}
</script>
<span>0</span><br/>
<button type="button" onclick="add()">加</button>
<button type="button" onclick="reduce()">减</button>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-js.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情