HTML脚本LOGIN

HTML脚本

HTML脚本一般是指一些脚本语言,比如JavaScript、VBScript等。
在HTML中嵌入脚本的方式是:
<script type="text/javascript">  
//JavaScript代码
</script>
脚本主要用来操作HTML文档,实现相关功能或特效的。

一 <script> 标签
      如需在HTML页面中插入JavaScript脚本,请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始
和结束。

<script>和</script>之间的代码行包含了JavaScript:

<span style="font-size:18px;"><script type="text/javascript">

alert("欢迎来到JavaScript世界!!!");

</script></span>

二  <noscript> 标签

<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容:

<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>


JavaScript体验(来自本站javascript教程)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>JavaScript脚本语言</title> 
<script type="text/javascript"> 
function myFunction() 
{ 
document.getElementById("demo").innerHTML="My First JavaScript Function"; 
} 
</script> 
</head> 
  
<body> 
<h1>My Web Page</h1>  
  
<p id="demo">A Paragraph.</p>  
  
<button type="button" onclick="myFunction()">点击这里</button> 
</body>
</html>

提示: 您无需理解上面的代码,只需了解即可。

获取当前的时间实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>JavaScript脚本语言</title> 
   <script type="text/javascript">
        window.onload = function () {
            setTime();
        }
        function setTime() {
            var div = document.getElementById("d1");
            var time = new Date();
            //如果获取月份(月份从0开始 + 1)
            div.innerHTML = set(time.getHours()) + ":" + set(time.getMinutes()) + ":" + set(time.getSeconds());
        }
        //
        function set(num) {
            if (num < 10) {
                return "0" + num;
            } else {
             return num;
            }
        }
        setInterval("setTime()",1000);
    </script>
</head>
<body>
    <div id="d1"></div>
</body>
</html>

尝试一下

下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript脚本语言</title> <script type="text/javascript"> function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script> </head> <body> <h1>My Web Page</h1> <p id="demo">A Paragraph.</p> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
提交重置代码
章节课件