zoukankan      html  css  js  c++  java
  • js坚持不懈之16:使用js向HTML元素分配事件

    向 button 元素分配 onclick 事件:

    <!DOCTYPE html>
    <html>
    <body>
    
    <p>点击按钮就可以执行 <em>displayDate()</em>函数。</p>
    
    <button onclick = "displayDate()">点击点击点击</button>
    
    <script>
    function displayDate()
    {
        document.getElementById("demo").innerHTML = Date();
    }
    </script>
    
    <p id = "demo">会展示日期</p>
    
    </body>
    </html>

     2.

    <!DOCTYPE html>
    <html>
    <body onload = "checkCookies()">
    
    <script>
        function checkCookies()
        {
            try
            {
                if (navigator.cookieEnabled == true)
                {
                    alert("已启用 cookie")
                }
                else
                {
                    alert("未启用 cookie")
                }
            }
            catch (err)
            {
                alert('asdf')
            }
        }
    
    </script>
    
    <p>提示框会告诉你,浏览器是否已启用 cookie。</p>
    </body>
    </html>

    3. 

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function myF()
    {
        var x = document.getElementById("fname");
        x.value = x.value.toUpperCase();
    }
    </script>
    </head>
    
    <body>
    请输入应为字符:<input type = "text" id = "fname" onchange = "myF()">
    <p>当您离开输入字段时,会触发将输入文本转换为大写的函数。</p>
    </body>
    </html>
  • 相关阅读:
    Stm32高级定时器(一)
    AES算法简介
    vsim仿真VHDL输出fsdb格式文件
    ncsim仿真VHDL
    云贵高原骑行
    触发器(笔记)
    几种常见的十进制代码(笔记)
    时序电路分类
    组合逻辑电路和时序逻辑电路比较
    数字电路基础(网络整理)
  • 原文地址:https://www.cnblogs.com/zrmw/p/10399783.html
Copyright © 2011-2022 走看看