js入门学习(打卡05)

作者简介

大三学生。代号“jsGo”。

本日学习内容

1. js的错误 — Throw、Try 和 Catch

1.try语句测试代码块的错误。
2.catch语句处理错误。
3.throw语句创建自定义错误。
当产生错误的时候javascript引擎会停止运行，并且产生一个错误消息，统称为：抛出异常。
在进行操作时，要进行错误的测试和捕捉。try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。try 和 catch 是成对出现的。throw语句指创建或者抛出异常，常用语法是throw exception。

try{
//运行的代码
}
catch
{
//处理错误
}
实例：

<script>
function myFunction()
{
try
{ 
var x=document.getElementById("demo").value;
if(x=="")    throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10)     throw "太大";
if(x<5)      throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
}
</script>

<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>

2.表单验证

1.JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
  {alert(alerttxt);return false}
else {return true}
}
}

该段代码实现表单中必填项必选项，若未选中则会出现警告框提示。，函数返回值为false，若选中则返回值为true。
2.Email的验证。

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false}
else {return true}
}
}

该段代码实现，输入数据必须包含一个@，之后还要有一个**“ ·”**

3.HTML DOM

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
1.查找 HTML 元素
（1）通过id查找元素
给标签定义id名lg通过getElementById（“lg”）查找。
（2）通过标签名查找元素
标签p 中通过getElementsByTagName(“p”)进行查找。
（3）通过类名查找对象
给标签定义类名lg通过getElementsByClassName（“lg”）进行查找。（需要考虑浏览器的兼容情况 ）
2.改变 HTML 输出流
直接向 HTML中直接写入内容获取当前日期 doucment.write(Date());
3.改变HTML中的内容
直接通过调用id查找对象并且直接改变内容doucment.getElementById(“aa”).innerHTML= new HTML;
4.改变HTML的属性
通过id查找到元素，然后改变元素的src属性。document.getElementById(“image”).src=“landscape.jpg”;