初入 javascript

1.JavaScript：写入 HTML 输出

利用document.write("输出");

document.write("<h1>This is a heading</h1>");

document.write有个注意点就是，当网页将所有文档加载完毕的话，比如再通过事件触发document.write(内容);

那么内容会覆盖掉整个网页内容

2.JavaScript：对事件作出反应

比如 onclick,(点击某个对象),ondblclick(双击某对象)......

<button type="button" οnclick="document.write("你好吗？")">点击这里</button>
<button type="button" οndblclick="document.write("你好吗？")">双击这里</button>

a.改变HTML内容
利用document.getElementById("搜索元素");来搜索元素

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容 <span style="font-family:Verdana, Arial, 宋体;"><span style="line-height: 18px; background-color: rgb(249, 249, 249);">innerHTML属性设置或返回表格行的开始和结束标签之间的 HTML</span></span>

用法如下：

<script>
function fchange()
{
x=document.getElementById("change");//查找元素返回对象
x.innerHTML="内容改变后";//使用对象的所有属性和方法
}
</script>
<p id="change">内容改变前</p>
<button type="button" οnclick="fchange()">点击这里</button>

b.改变HTML图像

<script>
function change()
{
picture = document.getElementById(id="changepicture")
if(picture.src.match("20140722164643671"))//match<span style="color: rgb(51, 51, 51); font-family: arial; font-size: 13px; line-height: 20.020000457763672px;">函数方法是使用正则表达式模式对字符串执行查找</span>
{
picture.src="https://img-blog.youkuaiyun.com/20140722164709848?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk4ODk2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center";//进行图片的切换
}
else
{
picture.src="https://img-blog.youkuaiyun.com/20140722164643671?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk4ODk2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center";//进行图片的切换
}
}
</script>
<img id="changepicture" οnclick="change()" src="https://img-blog.youkuaiyun.com/20140722164709848?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk4ODk2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

<p>点击图片</p>

c.改变HTML样式

x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";//改变样式

3.isNAN() 判断是不是为数字 不是数字（true） 是数字（false）

4.javascript错误判断

try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。

5.表单验证

被 JavaScript 验证的这些典型的表单数据有：

• 用户是否已填写表单中的必填项目？
• 用户输入的邮件地址是否合法？
• 用户是否已输入合法的日期？
• 用户是否在数据域 (numeric field) 中输入了文本？