JavaScript表单

1：可以用JavaScript代码进行表单验证

2：H5新出的属性，用于表单数据验证

服务端数据验证是在数据提交到服务器上后再验证。

客户端数据验证 side validation是在数据发送到服务器前，在浏览器上完成验证。

前端过滤不顶个屁用，抓包可以直接过滤掉。

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "11") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>

JavaScript表单验证

JavaScript验证API

JavaScript保留关键字

JavaScript this

JavaScript局部变量

<body>

<h2>使用 let 声明变量</h2>

<p id="demo"></p>

<script>
var  x = 10;
// 这里输出 x 为 10
{  
    let x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10
document.getElementById("demo").innerHTML = x;
</script>

</body>

输出结果：

使用 let 声明变量

在 ES6 之前，是没有块级作用域的概念的。

ES6 可以使用 let 关键字来实现块级作用域。

let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。

JavaScriptv const声明变量

const 关键字

const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改：

并非真正的常量

const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的

<body>
<h2>JavaScript const</h2>

<p>const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改。</p>

<p id="demo"></p>

<script>
try {
    const PI = 3.141592653589793;
    PI = 3.14;
}
catch (err) {
    document.getElementById("demo").innerHTML = err;
}
</script>

</body>

输出结果：

JavaScript const

const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改。

TypeError: Assignment to const

<body>

<h2>JavaScript const</h2>

<p>以下实例修改常量数组:</p>

<p id="demo"></p>

<script>
// 创建常量数组
const cars = ["Saab", "Volvo", "BMW"];
 
// 修改元素
cars[0] = "Toyota";
 
// 添加元素
cars.push("Audi");

// 显示数组
document.getElementById("demo").innerHTML = cars; 
</script>

</body>

输出结果：

JavaScript const

以下实例修改常量数组:

Toyota,Volvo,BMW,Audi

JavaScript JSON

JSON 是用于存储和传输数据的格式。

JSON 通常用于服务端向网页传递数据。

<body>

<h2>为 JSON 字符串创建对象</h2>
<p id="demo"></p>
<script>
var text = '{ "sites" : [' +
    '{ "name":"Runoob" , "url":"www.runoob.com" },' +
    '{ "name":"Google" , "url":"www.google.com" },' +
    '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
    
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.sites[0].name + " " + obj.sites[0].url;
document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;
document.getElementById("demo").innerHTML = obj.sites[2].name + " " + obj.sites[2].url;
</script>

</body>

输出结果：

为 JSON 字符串创建对象

Taobao www.taobao.com

JavaScript代码规范

使用小写文件名

大多 Web 服务器 (Apache, Unix) 对大小写敏感： london.jpg 不能通过 London.jpg 访问。

其他 Web 服务器 (Microsoft, IIS) 对大小写不敏感： london.jpg 可以通过 London.jpg 或 london.jpg 访问。

你必须保持统一的风格，我们建议统一使用小写的文件名。

JavaScript小白教程3

使用 let 声明变量

const 关键字

并非真正的常量

JavaScript const

JavaScript const

JavaScript JSON

为 JSON 字符串创建对象

使用小写文件名

猜你喜欢