首页 > 编程语言 > 详细

JavaScript_1

时间:2017-03-22 11:27:08      阅读:191      评论:0      收藏:0      [点我收藏+]

1. JavaScript属于客户端脚本语言

2. JavaScript用来改进网页设计、验证表单、检测浏览器、创建cookies,以及更多的应用

    a. 是为HTML设计者提供的一种编程工具

    b. 可以在HTML页面中放入动态的文本

    c. 能够对事件进行反应

    d. 可读取并修改HTML元素

    e. 可被用来验证数据

 

举例:

    <p>JavaScript能够直接写入HTML输出流中:</p>
    <script>
        document.write("<h1>This is a heading</h1>");
        document.write("<p>This is a paragraph.</p>");
    </script>

 

    <p>JavaScrip能够对事件作出反应。比如对按钮的点击:</p>
    <button type="button" onclick="MyClick()">点击这里</button>
    <!--<button type="button" onclick="alert(‘Welcome!‘)">点击这里</button> 可以类似于委托--> 
    <script>
        function MyClick() {
            alert("Welcome!");
        }
    </script>

 

    <p id="d1">JavaScript改变HTML元素的内容</p>
    <button type="button" onclick="myfunction()">改变元素</button>
    <script>
        function myfunction()
        {
            x = document.getElementById("d1"); //找到元素
            x.innerHTML = "Hello JavaScript!";//改变内容
        }
    </script>

 

    <p>JavaScript改变HTML图像</p>
    <img id="myimage" onclick="changeImage()" src="image/lightoff.jpg" />
    <script>
        function changeImage() {
            x = document.getElementById("myimage");
            if(x.src.match("lightoff"))
            {
                x.src = "image/lighton.jpg"
            }
            else {
                x.src = "image/lightoff.jpg"
            }
        }
    </script>

 

    <p id="d2">JavaScript改变HTML的样式</p>
    <button type="button" onclick="changestyle()">改变样式</button>
    <script >
        function changestyle()
        {
            x = document.getElementById("d2");
            x.style.color = "red";
        }
    </script>

 

    <p>JavaScript用于输入验证</p>
    <input id="d3" type="text" />
    <button type="button" onclick="checknumber()">数字验证</button>
    <script>
        function checknumber()
        {
            x = document.getElementById("d3").value;
            if(x=""||isNaN(x))
            {
                alert("Not Numeric");
            }
            else
            {
                alert("OK");
            }
        }
    </script>

 

JavaScript_1

原文:http://www.cnblogs.com/xiao9426926/p/6598898.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!