21xrx.com
2025-06-01 19:14:55 Sunday
  

HTML Javascript

Javascript让HTML页面更加的动态和更有交互性.

HTML <script>标签

<script>标签定义一段脚本代码(Javascript)区域.

<script>元素可以包含脚本代码,也可以用src属性指向外部的脚本代码文件

Javascript通常用来操作图片,表单验证和动态改变内容.

下面的脚本把"Hello Javascript"字符串写进ID为demo的HTML元素.

例子

<div id="demo">
</div>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Markup
  
 要学习更多的javascript,请访问本站的Javascript篇章.

HTML <noscript>标签

如果用户禁用了浏览器执行网页脚本或者浏览器不支持脚本可以用<noscript>标签来显示内容给用户看.

<noscript>标签可以包含<body>标签能包含的所有通用HTML标签.

<noscript>标签里的内容只有在浏览器禁用了脚本或浏览器不支持脚本的情况才会显示.

例子

<div id='demo'></div><script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>抱歉,你的浏览器不支持JavaScript!</noscript>
Markup
尝试一下Javascript(在我们的JavaScript教程)

下面是一些关于JavaScript的例子:

用JavaScript改变元素内容:

<div id='demo'></div><script>document
.getElementById("demo").innerHTML = "你好 JavaScript!";</script>
Markup

JavaScript能改变HTML样式:

<div id='demo'>你好,JavaScript</div>
<script>
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "blue"
</script>
Markup

JavaScript能改变HTML属性:

<img id='demo' />
<script>
document.getElementById("demo")
.src='/public/images/example_one.jpg';
document.getElementById("demo").style.width='100%';</script>
Markup
HTML 脚本标签
标签描述
<script>定义客户端的脚本
<noscript>如果客户端不支持脚本就显示<noscript>里的内容.
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2