首页 » 技术分享 » JS教程(一)

JS教程(一)

 

JS教程: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="demo">
    JavaScript 能够直接写入 HTML 输出流中:
</p>

<script>
    document.write("<h1>This is a heading</h1>");
    document.write("<p>This is a paragraph.</p>");
    function myFunction() {
        x = document.getElementById("demo");  // 找到元素
        x.innerHTML = "Hello JavaScript!"; // 改变内容
        x.style.color="#ff0000";          // 改变样式
    }
</script>

<p>
    您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>
<button type="button" onclick="alert('Welcome!')">点击这里</button>
<button type="button" onclick="myFunction()">点击</button>
<p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p>

<input id="demo1" type="text">

<script>
    function myFunction1()
    {
        var x=document.getElementById("demo1").value;
        if(x==""||isNaN(x)||x.length>=8)
        {
            alert("不全是数字或输入字符长度大于等于8,在范围内请输入数字");
        }
        else{
            alert("success");
        }
    }
</script>

<button type="button" onclick="myFunction1()">点击这里</button>
<p></p>
<button onclick="myFunction2()">消失</button>

<script>
    function myFunction2()
    {
        document.write("糟糕!文档消失了。");
    }
</script>

<br/>
<script>
    var person={
        firstname : "Bill",
        lastname  : "Gates",
        id        :  5566
    };
    document.write(person.lastname + "<br />");
    document.write(person["lastname"] + "<br />");
</script>


</body>
</html>

 

 

转载自原文链接, 如需删除请联系管理员。

原文链接:JS教程(一),转载请注明来源!

0