JavaScript小白教程3
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript小白教程3，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3017字，纯文字阅读大概需要5分钟。
内容图文
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 声明变量
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小白教程3所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。