首页 / HTML脚本

HTML脚本

03-02 1493人

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

如何将脚本插入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>
此文暂无标签

版权属于: 缤纷游乐

原文地址: http://www.118qq.top/?post=22

转载时必须以链接形式注明原始出处及本声明。

欢迎留言