博客列表 >HTML脚本

HTML脚本

的确
的确原创
2020年03月02日 14:21:17798浏览

HTML脚本JavaScriptHTML页面具有更强的动图和交互性。

如何将脚本插入HTML文档?

实例:

<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<script>document.write("118qq.top")</script>
</body>
</html>

使用<noscript>标签

如何应对不支持脚本或禁用脚本的浏览器

实例:

<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<script>document.write("118qq.top")</script>
<noscript>抱歉,您的浏览器不支持JavaScript!</noscript>
<p>不支持JavaScript的浏览器会使用 &lt;noscript&gt;元素中的内容来替代</p>
</body>
</html>

<script>标签

<script>标签用于定义客户端脚本,比如JavaScript。它即可包含脚本语句,也可通过src属性指向外部脚本文件。JavaScript最常用于图片操作、表单验证以及内容动态更新。

<noscript>标签

<noscript>标签提供无法使用脚本时的替代内容,比如在浏览器禁用脚本时,或浏览器不支持客户端脚本时,<nosript>元素可包含普通HTML页面的body元素这个能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时,才会显示<noscript>元素中的内容

JavaScript体验

按钮输出

实例:

<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<h1>我的第一个JavaScript页面</h1>
<p id="demo">这是一个JavaScript页面</p>
<form>
<input type="submit" onClick="myFunction()" value="提交">
</form>
<script>
function myFunction(){       
document.getElementById("demo").innerHTML="你好,世界";
}
</script>
</body>
</html>

改变HTML样式

实例:

<!DOUTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
</head>
<body>
<h1>我的第一个JavaScript页面</h1>
<p id="demo">这是一个JavaScript页面</p>
<form><input type="submit" onClick="myFunction()" value="提交">
</form>
<script>
function myFunction(){       
x=document.getElementById("demo") //找到元素       
x.style.color="red";//样式颜色
}</script>
</body>
</html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议