zoukankan      html  css  js  c++  java
  • JavaScript简介及作用

    JavaScript是一门脚本语言,是可以插入HTML页面的编程代码,插入HTML以后可以由所有现代浏览器运行

    一、写如html输出

    <body>
    <script>
        document.write("<h1>写入html输出,可以直接在页面上输出html内容</h1>");
    </script>
    </body>

    二、对事件做出响应

    <body>
    <script>
        document.write("<h1>写入html输出</h1>");
        function touchBegin() {
            alert("开始响应事件");
        }
    
    </script>
    
    <button onclick="touchBegin()">点击响应事件</button>
    <br>
    <p2>或者你可以这样写</p2>
    <br>
    <button onclick="alert('开始响应事件')">点击响应事件</button>
    //注意在双引号内部不要继续使用双引号,对于字符串使用单引号代替
    </body>

    三、改变html内容

    <body>
    <script>
        function changeContent() {
            x = document.getElementById("fuck");
            x.innerHTML = "小子 我改变了你的内容";
        }
    </script>
    
    <p1 id ="fuck">这是我原来的内容</p1>
    <button onclick="changeContent()">点击这里可以改变html的内容</button>
    </body>

    四、改变html图像

    <body>
    <script>
        function changeImage() {
            element = document.getElementById('gewei');
            if (element.src.match("gewei")){
                element.src = "wanzi.jpg";
            }else {
                element.src = "gewei.jpeg";
            }
        }
        
    </script>
    <img src="gewei.jpeg" id="gewei" onclick="changeImage()">
    </body>

    五、改变html样式,验证输入等!






  • 相关阅读:
    Jboss
    AOP
    Spring AOP原理及拦截器
    深度解析Struts2中ValueStack
    struts2 ValueStack的作用
    理解ValueStack的基本机制
    Strus2中关于ValueStack详解
    struts2中的值栈对象ValueStack
    吴裕雄--天生自然Numpy库学习笔记:NumPy 广播(Broadcast)
    吴裕雄--天生自然Numpy库学习笔记:NumPy 高级索引
  • 原文地址:https://www.cnblogs.com/lidarui/p/js.html
Copyright © 2011-2022 走看看