JavaScript的控制语句写法汇总-----JavaScript-蒲公英云

JavaScript的控制语句写法汇总-----JavaScript

冷不防 2024-02-19 09:24 93阅读 0赞

<!DOCTYPE html>
<!-- 这是HTML的注释 -->
<html lang="en" id="myHtml">
    <head>
        <!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>HtmlAll</title>
    </head>
    <body>
        <script type="text/javascript" src="j.js"></script>
        <table align="center">
            <form id="myForm">
                <tr><td>登录窗口</td></tr>
                <tr>
                    <td>
                        <input type="text" id="username"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="password" id="password"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="登录"/>
                    </td>
                </tr>
            </form>
        </table>
        <!-- void运算符的语法是,执行运算符,但不返回任何结果 -->
        <!-- 让我们href的路径消失,用void不返回即可 -->
        <!-- javascript:void(0)我们的javascript是用来提示浏览器的,这是一段JS代码,这是不能省略的 -->
        <a href="javascript:void(0)" onclick="alert('test')">执行页面不跳转</a>
        <input type="button" onclick="vars()" value="123" />
        <input type="button" id="auto" value="auto" />
        <input type="button" id="tyo" value="tyo" />
    </body>
</html>

<!DOCTYPE html>

HtmlAll

登录窗口

执行页面不跳转

window.onload = function()
{
    document.getElementById("password").onkeydown = function(event,b)//局部变量
    {
        //获取键值
        //回车键键值是13,ESC是27
        //对于键盘事件来说,他都有keyCode属性用来获取键值
        if(event.keyCode === 13)
        {
            //识别到回车键位提示正在登录
            alert("正在登录")
        }
    }
    document.getElementById("myForm").onsubmit = function()
    {
        alert("正在登录")
    }
    document.getElementById("auto").onclick = function()
    {
        var ui = [false,true,1,2,"abc",3.14];
        for(var i = 0; i < ui.length; i++)
        {
            alert(ui[i]);
        }
        for(var i in ui)
        {
            //这个var i不是数组的元素,而是数组的下标
            alert(i);//显示都是下标的index
            alert(ui[i]);
        }
    }
    document.getElementById("tyo").onclick = function()
    {
        User = function(username,password)
        {
            this.username = username;
            this.password = password;
        }
        var u = new User("张三","12345");
        alert(u["username"] + "," + u["password"]);
        //这个用在数组上是角标index,用在对象上,是对象的属性名,返回字符串
        for(var value in u)
        {
            //属性名是一个字符串
            alert(value);
            //本身就是一个字符串,直接放进去即可
            alert(u[value]);
        }
        with(u)
        {
            //这种方式仅作了解,不要用尽量,不能所见即所得
            alert(username + "," + password);
        }
    }
}
function vars()
{
    alert("1");
}

window.onload = function()
{
document.getElementById(“password”).onkeydown = function(event,b)//局部变量
{
//获取键值
//回车键键值是13,ESC是27
//对于键盘事件来说,他都有keyCode属性用来获取键值
if(event.keyCode === 13)
{
//识别到回车键位提示正在登录
alert(“正在登录”)
}
}

document.getElementById(“myForm”).onsubmit = function()
{
alert(“正在登录”)
}