JavaScript小白教程3
Posted jiatianyi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript小白教程3相关的知识，希望对你有一定的参考价值。
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 声明变量
10
在 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的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript常用事件集合，前端小白必备（写的很详细，建议收藏）