62. 文档对象(Document)write() 显示信息最常用的方式。该方法用一个字符串作为其参数，并在浏览器中显示。该字符串可以是普通文本或 HTML。
document.write('
');
writeln( ) 方法与 write( ) 方法几乎一样，差别仅在于是前者将在所提供的任何字符串后添加一个换行符。在 HTML 中，这通常只会在后面产生一个空格；不过如果使用了 和 <![CDATA[ 标识，这个换行符会被解释，且在浏览器中显示。
clear() 该方法也将清除您的脚本（随文档的其他部分一起），因此要特别注意该方法的使用方式及在什么时候使用该方法。
document.clear();
close() 关闭文档流,在实现多个文档对象中，必须使用close()来关闭一个对象后，才能打开另一个文档对象。10/16/201862JavaScript</li><li data-id="63">63. 文档对象(Document)document对象包含了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。
在document中主要有：links,anchor,form等三个最重要的对象：
10/16/201863JavaScript</li><li data-id="64">64. 文档对象(Document)（１）anchor锚对象：
anchor对象指的是<A Name=...> </A>标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。
（２）链接links对象
link对象指的是用<A Href=...> </A>标记的连接一个超文本或超媒体的元素作为一个特定的URL。
（３）窗体（Form）对象
窗体对象是文档对象的一个元素，它含有多种格式的对象储存信息，使用它可以在JavaScript脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。通过document. Forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字要方便得多。10/16/201864JavaScript</li><li data-id="65">65. 文档对象(Document)document对象中的attribute属性，主要用于在引用Href标识时，控制着有关颜色的格式和有关文档标题、文档原文件的URL以及文档最后更新的日期。这部分元素的主要含义如下：
（１）链接颜色：alinkcolor
这个元素主要用于，当选取一个链接时，链接对象本身的颜色就按alinkcolo r指定改变。
（２）链接颜色：linkcolor
当用户使用<A Href=...> Text string </A>链接后，Textstring的颜色就会按Linkcolor所指定的颜色更新。
（３）浏览过后的颜色：VlinkColor
该属性表示的是已被浏览存储为已浏览过的链接颜色。
（４）背景颜色：bgcolor
该元素包含文档背景的颜色。
（５）前景颜色：Fgcolor
该元素包含HTML文档中文本的前景颜色。10/16/201865JavaScript</li><li data-id="66">66. 文档对象(Document)（例：Test6_2.htm）下面我们通过一个例子来说明文档对象的综合应用。输出结果见图所示。10/16/201866JavaScript</li><li data-id="67">67. 事件驱动及事件处理事件处理是对象化编程的一个很重要的环节，没有了事件处理，程序就会变得很死，缺乏灵活性。
事件处理的过程可以这样表示：发生事件 - 启动事件处理程序 - 事件处理程序作出反应。
其中，要使事件处理程序能够启动，必须先告诉对象，如果发生了什么事情，要启动什么处理程序，否则这个流程就不能进行下去。
事件的处理程序可以是任意 JavaScript 语句，但是我们一般用特定的自定义函数（function）来处理事情。 10/16/201867JavaScript</li><li data-id="68">68. 指定事件处理程序方法一 直接在 HTML 标记中指定。
<标记 ... ... 事件="事件处理程序" [事件="事件处理程序" ...]>
让我们来看看例子：
<body ... onload="alert('网页读取完成，请慢慢欣赏！')" onunload="alert('再见！')">
这样的定义<body>标记，能使文档读取完毕的时候弹出一个对话框，写着“网页读取完成，请慢慢欣赏”；在用户退出文档（或者关闭窗口，或者到另一个页面去）的时候弹出“再见”。 10/16/201868JavaScript</li><li data-id="69">69. 指定事件处理程序方法二 编写特定对象特定事件的 JavaScript。这种方法用得比较少，但是在某些场合还是很好用的。
<script language="JavaScript" for="对象" event="事件"> ... (事件处理程序代码) ... </script>
例：
<script language="JavaScript" for="window" event="onload"> alert('网页读取完成，请慢慢欣赏！'); </script>
10/16/201869JavaScript</li><li data-id="70">70. 指定事件处理程序方法三 用特定的自定义函数处理。方法：
<事件主角 - 对象>.<事件> = <事件处理程序>;
用这种方法要注意的是，“事件处理程序”是真正的代码，而不是字符串形式的代码。如果事件处理程序是一个自定义函数，如无使用参数的需要，就不要加“()”。例：
10/16/201870JavaScript</li><li data-id="71">71. 窗口对象（window）窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个：
（１）frames 确文档中帧的数目
frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：
frames属性是通过HTML标识<Frames>的顺序来引用的，它包含了一个窗口中的全部帧数。
帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。
（２）Parent 指明当前窗口或帧的父窗口。
（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。
（４）status:包含文档窗口中帧中的当前信息。
（５）top:包括的是用以实现所有的下级窗口的窗口。
（６）window.指的是当前窗口
（７）self:引用当前窗口。10/16/201871JavaScript</li><li data-id="72">72. 窗口对象（window）alert 方法 希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。
window.alert("欢迎！请按“确定”继续。");
10/16/201872JavaScript</li><li data-id="73">73. 窗口对象（window）confirm()方法 弹出确认消息框
使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。
var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。");
if (truthBeTold) {
window.alert("欢迎访问我们的 Web 页！");
} else window.alert("再见啦！");10/16/201873JavaScript</li><li data-id="74">74. 窗口对象（window）prompt()方法 提示消息框
提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 "<undefined>"。
var theResponse = window.prompt("欢迎？","请在此输入您的姓名。");
10/16/201874JavaScript</li><li data-id="75">75. 窗口对象（例：Test7_1.htm）Var test=window.prompt("请输入数据:");
document.write("<H1>JavaScript输入输出的例子:"+test+"</H1>");
从上面程序可以看出：
可通过write()和prompt()方法实现交互。
在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。10/16/201875JavaScript</li><li data-id="76">76. 窗口对象（window）open()方法 创建一个新窗口
使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。
打开一个窗口的基本格式：
Window .open("URL","窗口名字","窗口属性"]
10/16/201876JavaScript</li><li data-id="77">77. 窗口对象的事件驱动窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。
onload 事件 发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。本事件是 window 的事件，但是在 HTML 中指定事件处理程序的时候，我们是把它写在<body>标记中的。
onUnload 事件
当Web页面退出时引发onUnload事件，并可更新Cookie的状态。
应用于：window 对象
10/16/201877JavaScript</li><li data-id="78">78. 窗口对象的事件驱动<script Language="JavaScript">
function loadform(){
alert("这是一个自动装载例子!");
}
function unloadform(){
alert("这是一个卸载例子!");
}
</Script>
</HEAD>
<BODY OnLoad="loadform()" OnUnload="unloadform()">
</BODY>10/16/201878JavaScript</li><li data-id="79">79. 窗口对象的事件驱动 onresize 事件 发生在窗口被调整大小的时候。
应用于：window 对象
onerror 事件 发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler)，用来处理错误。上边已经介绍过，要忽略一切错误，就使用：
function ignoreError() { return true; } window.onerror = ignoreError;
应用于：window 对象10/16/201879JavaScript</li><li data-id="80">80. 窗体（Form）对象窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。
窗体（Form）:它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。
10/16/201880JavaScript</li><li data-id="81">81. 窗体（Form）对象<form Name=Form1>
<INPUT type=text...>
<Input type=text...>
<Inpup byne=text...>
</form>
<form Name=Form2>
<INPUT type=text...>
<Input type=text...>
</form>
在Forms[0]中共有三个基本元素，而Forms[1]中只有两个元素。
窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：10/16/201881JavaScript</li><li data-id="82">82. 窗体（Form）对象窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：
<Form
Name ="表的名称"
Target ="指定信息的提交窗口"
action ="接收窗体程序对应的URL"
Method =信息数据传送方式(get/post)
enctype ="窗体编码方式"
[onsubmit ="JavaScript代码"]>
</Form>
10/16/201882JavaScript</li><li data-id="83">83. 窗体（Form）对象窗体对象的方法
窗体对象的方法只有一个--submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式：
document.mytest.submit()
窗体对象的属性
窗体对象中的属性主要包括以下：
elements name action target encoding method.
除Elements外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而elements常常是多个窗体元素值的数组，例：
mytable.elements[1]10/16/201883JavaScript</li><li data-id="84">84. 窗体（Form）对象访问窗体对象
在JavaScript中访问窗体对象可由两种方法实现：
（１）通过窗体名访问窗体
在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.mytable。
（２）通过数组来访问窗体
除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问：
document.forms[0]
document.forms[1]
在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。10/16/201884JavaScript</li><li data-id="85">85. 窗体（Form）对象（例：form.html）例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。
<form >
<input type=text onChange="document.my.elements[0].value=this.value;" >
</form>
<form NAME="my">
<input type=text onChange="document.forms[0].elements[0].value=this.value;">
</form>
其中用了OnChange事件(当窗体内容改变时激发)。第一个使用窗体名字标识my,第二个使用窗体数组Forms[]。其效果是一致。10/16/201885JavaScript</li><li data-id="86">86. 窗体（Form）对象（例：Test7_2.htm）下列程序演示了你进入主页所停留的时间。
document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";
10/16/201886JavaScript</li><li data-id="87">87. 窗体（Form）对象窗体中的基本元素
窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。
在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:
formName.elements[].methadName (窗体名.元素名或数组.方法)
formName.elemaent[].propertyName(窗体名.元素名或数组.属性) 10/16/201887JavaScript</li><li data-id="88">88. 窗体（Form）对象的事件驱动onsubmit 事件 发生在表单的“提交”按钮被单击（按下并放开）的时候。可以使用该事件来验证表单的有效性。通过在事件处理程序中返回 false 值（return false）可以阻止表单提交。
onreset 事件 发生在表单的“重置”按钮被单击（按下并放开）的时候。通过在事件处理程序中返回 false 值（return false）可以阻止表单重置。
10/16/201888JavaScript</li><li data-id="89">89. Text单行单列输入元素功能：对Text标识中的元素实施有效的控制。
基本属性：
Name：设定提交信息时的信息名称。对应于HTML文档中的Name。
Value：用以设定出现在窗口中对应HTML文档中Value的信息。
defaultvalue：包括Text元素的默认值
基本方法：
blur()：将当前焦点移到后台。
select()：加亮文字。
主要事件：
onFocus：当Text获得焦点时，产生该事件。
OnBlur：从元素失去焦点时，产生该事件。
Onselect：当文字被加亮显示后，产生该文件。
onchange：当Text元素值改变时，产生该文件。10/16/201889JavaScript</li><li data-id="90">90. Text单行单列输入元素（例：text.htm）<form name="myform">
<input type="text" name="mytext" size="16">
</form>
<script language="JavaScript">
document.myform.mytext.value = "Text单行单列输入元素";
document.myform.mytext.select();
document.myform.mytext.blur();
</script>
10/16/201890JavaScript</li><li data-id="91">91. Select选择元素功能：实施对滚动选择元素的控制。
属性：
name:设定提交信息时的信息名称，对应文档select中的name。
Length:对应文档select中的length
options:组成多个选项的数组
selectIndex;该下标指明一个选项
select在中每一选项都含有以下属性：
Text:选项对应的文字
selected:指明当前选项是否被选中
Index:指明当前选项的位置
defaultselected:默认选项
事件：
OnBlur：当select选项失去焦点时，产生该文件。
onFocas:当select获得焦点时，产生该文件。
Onchange:选项状态改变后，产生该事件。10/16/201891JavaScript</li><li data-id="92">92. Selectfunction Add(from, to){
var s1 = document.getElementById(from);
var s2 = document.getElementById(to);
for(var i = 0; i < s1.length; i++){
var option = s1.options[i];
if(option.selected){
var o = document.createElement("option");
o.text= option.text;
o.value = option.value;
s2.options.add(o) ;
s1.remove(option.index);
}
}
}
<select id="select1" name="select1"
size="5" multiple style="width:100px">
<option>123</option>
<option>234</option>
</select>
<input type="button" name="Submit"
value="->" onClick='Add("select1","select2");'>
<input type="button" name="Submit"
value="<-" onClick='Add("select2","select1");'>
<select id="select2" name="select2"
size="5" style="width:100px">
</select>10/16/201892JavaScript</li><li data-id="93">93. Button按钮元素功能：实施对Button按钮的控制。
属性：
Name:设定提交信息时的信息名称，对应文档中button的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
方法：
click()该方法类似于一个按下的按钮。
事件：
onclick当单击button按钮时，产生该事件。
10/16/201893JavaScript</li><li data-id="94">94. Button按钮元素（例：button.htm）<form name="myform">
<input type="button" name="button1" onclick="window.alert('button1')"/>
<input type="button" name="button2" />
</form>
<script language="JavaScript">
myform.button1.value = "button1";
myform.elements[1].value = "button2";
myform.button1.click();
</script>
10/16/201894JavaScript</li><li data-id="95">95. checkbox检查框元素功能：实施对一个具有复选框中元素的控制。
属性：
name:设定提交信息时的信息名称。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
Checked:该属性指明框的状态true/false.
defauitchecked:默认状态
方法：
click()该方法使得框的某一个项被选中。
事件：
onclick:当框的选被选中时，产生该事件。10/16/201895JavaScript</li><li data-id="96">96. radio单选按钮元素功能：实施对一个具单选功能的无线按钮控制。
属性：
name:设定提交信息时的信息名称，对应HTML文档中的radio的name相同
value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。
length:单选按钮中的按钮数目。
defalechecked:默认按钮。
checked:指明选中还是没有选中。
index:选中的按钮的位置。
方法：
chick():选定一个按钮。
事件：
onclick:单击按钮时，产生该事件。10/16/201896JavaScript</li><li data-id="97">97. hidden:隐藏元素功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。
属性：
name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。
defaleitvalue:默认值
10/16/201897JavaScript</li><li data-id="98">98. Password密码元素功能：实施对具有口令输入的元素的控制。
属性：
Name:设定提交信息时的信息名称，对应HTML文档中password中的name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。
defaultvalu:默认值
方法
select():加亮输入口令域。
blur():使这丢失passward输入焦点。
focus():获得password输入焦点。10/16/201898JavaScript</li><li data-id="99">99. 单击事件onClick当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：
button（按钮对象）
checkbox（复选框）或（检查列表框）
radio （单选钮）
reset buttons（重要按钮）
submit buttons（提交按钮）
Image 对象；
Link 对象； 10/16/201899JavaScript</li><li data-id="100">100. 单击事件onClick一个普通按钮对象（Button）通常会有 onclick 事件处理程序。按钮上添加 onclick 事件处理程序，可以模拟“另一个提交按钮”，方法是：在事件处理程序中更改表单的 action, target, encoding, method 等一个或几个属性，然后调用表单的 submit() 方法。
在 Link 对象的 onclick 事件处理程序中返回 false 值（return false），能阻止浏览器打开此连接。10/16/2018100JavaScript</li><li data-id="101">101. onchange 事件 发生在文本输入区的内容被更改，然后焦点从文本输入区移走之后。捕捉此事件主要用于实时检测输入的有效性，或者立刻改变文档内容。应用于：
Password 对象；
Select 对象；
Text 对象；
Textarea 对象10/16/2018101JavaScript</li><li data-id="102">102. 范例下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。
test8_1..htm
test8_2.htm
10/16/2018102JavaScript</li><li data-id="103">103. 焦点事件选中事件onSelect
当Text或Textarea对象中的文字被加亮后，引发该事件。
获得焦点事件onFocus
当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。
失去焦点onBlur
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。
10/16/2018103JavaScript</li><li data-id="104">104. 鼠标事件onmousedown 事件 发生在用户把鼠标放在对象上按下鼠标键的时候。
onmouseup 事件 发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标键的时候。
应用于：Button 对象；Link 对象
onmouseover 事件 发生在鼠标进入对象范围的时候。
onmouseout 事件 发生在鼠标离开对象的时候。
应用于：Link 对象10/16/2018104JavaScript</li><li data-id="105">105. 鼠标事件运用onmouseover 事件和 onmouseout 事件，再加上图片的预读，就可以做到当鼠标移到图像连接上，图像更改的效果了。有时我们看到，在指向一个连接时，状态栏上不显示地址，而显示其它的资料，看起来这些资料是可以随时更改的。它们是这样做出来的：
<a href="..." onmouseover="window.status='Click Me Please!'; return true;" onmouseout="window.status=''; return true;">
10/16/2018105JavaScript</li><li data-id="106">106. 框架框架Frames最主要功用是"分割"视窗，使每个"小视窗"能显示不同的HTM L文件，不同框架之间可以互动(interact)，这就是说不同框架之间可以交换讯息与资料。例如:假设您开了两个frames，第一个frame可显示书的目录，第二个frame则显示章节的具体内容。
框架可以将屏幕分割成不同的区域，每个区域有自己的URL，通过Frames[]数组对象来实现不同框架的访问。实际上框架对象本身也一类窗口，它继承了窗口对象的所有特征，并拥有所有的属性和方法。下面我们先看一下框架的例子。见图9-1所示。
10/16/2018106JavaScript</li><li data-id="107">107. 框架10/16/2018107JavaScript</li><li data-id="108">108. 框架<HTML>
<HEAD>
</HEAD>
<Frameset Rows="20%,80%">
<frame src="test9_1.html">
<Frameset Cols="50%,50%">
<frame src="test9_2.html">
<frame src="test9_3.html">
</Frameset>
</Frameset>
</HTML>
10/16/2018108JavaScript</li><li data-id="109">109. 框架以上HTML标识将屏幕分成三个框架。先将窗口分成以二行为单位的窗口，之后再按分成二个窗口。并在相应的框架中放入自己的HTML文档。
通过[Framset ]告诉浏览器您要设置几个框架；rows这项参数告诉浏览器您想将视窗分割成几列；而 cols这项参数是告诉浏览器您想将视窗分割成几 行。
可以用很多组的 <frameset...> tags 将视窗分割得更复杂。
可以给每个frame一个"名字" (name)。frame的名字在JavaScript语法中的地位非常重要。
可以用 <src> 告诉浏览器您要载入哪一个 HTML文件。
10/16/2018109JavaScript</li><li data-id="110">110. 如何访问框架在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问，则必须使用window对象中的Frames属性。Frames属性同样也是一个数组，他在父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问:
parent.frames[Index1].docuement.forms[index2]
通过parent.frames.length确定窗口中窗体的数目。
除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访：
parent.framesName.document.formNames.elementName.(m/p)
10/16/2018110JavaScript</li><li data-id="111">111. 综合范例下面我们通过一个具体的实例, 来说明利用JavaScript脚本在WEB中实现更为复杂的信息交互。该例子是在一个多窗口中实现窗体信息的动态交互,在程序中首先在浏览器窗口中制作三个用于窗体交互的窗口,每个窗体窗口实现不同信息的动态交互。
tset9.html为主调用文档它首先将窗口划分为具有二行的窗体,尔后再将第二行的窗体划分为具有二列的窗体；
test9-1.html为显示标题文档；
test9_2.html为第二框架文档其中需要注意的是:
通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”；
test7_3.html为第三框架文档。
10/16/2018111JavaScript</li><li data-id="112">112. 课后练习在网页上做一种可编辑的表格。正常情怳下它像一般的文本一样。当用鼠标点击它时就变成输入框并可编辑单元格的内容。然后当它失去焦点时又恢复成正常文本的样子。
实现省，市两个联动下拉框（levellist.htm）
实现可选项排序的 列表框（sortlist.htm）
10/16/2018112JavaScript</li><li data-id="113">113. 补充练习实现可以相互交换元素的两个列表框(twolist.htm)
利用CSS和JavaScript实现的树形控件
10/16/2018113JavaScript</li></ul>
</section>
</section>
<section class="mip-box ut-mt10">
<section class="mip-box-heading"><h3> PPT 图集</h3></section>
<section class="mip-box-body"> <img class="detail-img" src="https://sppt.open-open.com/image/_all.jpg">
</section>
</section>
<section class="mip-box ut-mt10">
<section class="mip-box-heading"><h3> 相关PPT</h3></section>
<section class="mip-box-body ut-pd10">
<ul>
<li class="ellipsis">
<a href=" /ppt/b2ae0f98a7134b0b881192da1fd86169.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> javascript基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/9cd8527d88f14138ba60110f35776412.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> JavaScript 基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/220f95a75f624daeb3186e05784aa8ae.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> 第3章-JavaScript基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/2b30576dea2c44e4a9ee649513d8224b.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> JavaScript 基础2</a>
</li>
<li class="ellipsis">
<a href=" /ppt/332566a8c31b403d83070166d224b226.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> JavaScript 基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/b3fd9ff151bc4f59bafe38bc605617e8.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> JavaScript 基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/1e26fa3f6a7c419389ddbe8cf41b8a2a.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> JavaScript 基础2</a>
</li>
<li class="ellipsis">
<a href=" /ppt/90897d0fa8cc4b6b89669e0982994221.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> Ajax基础课程</a>
</li>
<li class="ellipsis">
<a href=" /ppt/60d6b7bd1cb54077ae763a68d6c20ebf.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> GWT 基础</a>
</li>
<li class="ellipsis">
<a href=" /ppt/bad568e6c0ba423b88f353f80e5abba9.html"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> GWT 基础</a>
</li>
</ul>
</section>
</section>
<p class="mt20"> </p>
<footer class="bs-docs-footer">
<div class="container">
<p class="t-c"> <a target="_blank" href="http://www.miibeian.gov.cn/">浙ICP备09019653号-31</a>
</p>
</div>
</footer> <mip-fixed type="gototop"><mip-gototop threshold='300'><i class="fa fa-arrow-up" aria-hidden="true"></i></mip-gototop></mip-fixed>
<!--mip 运行环境-->
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-sidebar/mip-sidebar.js"></script>
<script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-form/mip-form.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-history/mip-history.js"></script>
<script src="https://static.open-open.com/js/m-lib.js"></script>
<script src="https://static.open-open.com/assets/jquery.modal.min.js"></script>
<script type="text/javascript" src="https://static.open-open.com/assets/jquery-confirm/jquery-confirm.js?v=3.3.2"></script>
<script type="text/javascript" src="https://static.open-open.com/js/m-base.js?v=1.02"></script>
<script src="https://static.open-open.com/js/v.js?v=1.02"></script>
<script type="text/javascript" src="https://static.open-open.com/js/jq-plug.js?v=2.002"></script>
<script>
JC.init("", "9865", "ppt",6,false);
var consume_gold_cost = 7, uId = "", cId = "9865",
slug = "332566a8c31b403d83070166d224b226", title = "JavaScript 基础", summary = "";
var category_name = "";
var tagList = [{
id:4114,
name: "JavaScript开发"
}];
var num_page = "1";
var jc = {}, fav = [];
$(function () {
window._bd_share_config = {"common": {"bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32"}, "share": {}};with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'https://static.open-open.com/assets/baidushare/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
var slide = $('.slide-box').playSlides({
autoSlide: false,
scale: [4,3],
total: 113,
document_id: ""
});
$("#article_content li").click(function () {
slide.slide_goto($(this).data("id"));
$('body,html').animate({scrollTop:0}, 500);
});
});
</script>
<script src="https://static.open-open.com/js/docshow.js?v2.001"></script>
<script>(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
(function () {
var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?40291de101d60af5180c55eb7057c18e";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();</script>
</body>
</html>]]>