4.1.1 javascript简介

1.控制页面的外观和内容

2.控制浏览器的行为

3.与用户交互（使用cookies读取客户端状态）

4.操作嵌入图像

4.1.2javascript事件

<input type="button" name=" onClick="alert('单击了按钮')" value="单击"> </input>


onAbort        <img>        图像加载终端后触发

onBlur           <body>和窗体元素        窗体和窗体元素在失去键盘焦点时触发

onChange     窗体和窗体元素            用户在修改了窗体元素的值后触发

onClick          所有元素            用户单击类似按钮类的元素后触发

onError         <img>         加载图像错误时触发

onFocus        <body>        窗体或窗体元素得到键盘焦点时触发

onLoad          <body>、<p_w_picpath>、<object>        文档、图像或对象完成加载时触发

onMouseout       所有元素        鼠标焦点离开对象时触发

onMouseover            所有元素        鼠标指针移过对象时触发

onSubmit        <form>        用户提交窗体时触发

onUnload        <body>、<frameset>        卸载文档时触发

4.2.1javascript语法基础

1.区分大小写

2.+是连接符

3.language、type、src常用属性

4.2.2 动态页面生成内容

字符串拼接、write()、writeln()

1.+拼接两个字符串

2.write()和writeln()是document对象的两个常用方法，用于把文本添加到html页面中指定的位置。

  document.write("",……)

  document.writeln("",……) 使用<pre>产生换行的效果

4.2.3与用户交互的基本方法

alert()、prompt()、confirm()创建对话框

1.confirm()

<script language="javascript" type="text/javascript">
document.writeln("广东省 广州市");
if(confirm("要显示更详细的信息吗？")==true) {
   document.writeln("萝岗区");
   alert("已经显示详细地址了。");
       }
else{
   alert("不显示详细地址。");
   }
</script>

2.prompt()

可以输入文字的对话框

prompt("电话");
prompt("地址","广州"); //”地址“对话框显示的文字，”广州“是地址的默认值。

4.2.4变量的声明和函数的使用

var 声明变量，初始化声明变量。


<script language="javascript">
function hello(){
   var string="欢迎来到脚本的世界";
   document.writeln("hello"+string+"!");
   alert("hello!");
   }
</script>


在javascript中调用函数、在事件响应中调用函数、在链接中调用函数


<input type="button" name=" onClick="hello()" value="调用函数"> </input>

//事件响应中调用

<a href="javascript:hello()">单击这里</a>

//链接中调用


<script language="javascript">
function year(a){
   var b=a*365;
   return b;
   }
</script>

<script language="javascript">
var a=prompt("请输入您的年龄");
var days=year(a);
alert("您活了"+days+"天！");