-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathJs回顾总结.html
20 lines (19 loc) · 26.7 KB
/
Js回顾总结.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>Js回顾总结</title>
<basefont face="微软雅黑" size="2" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="exporter-version" content="Evernote Windows/304720 (zh-CN, DDL); Windows/10.0.14393 (Win64);"/>
<style>
body, td {
font-family: 微软雅黑;
font-size: 10pt;
}
</style>
</head>
<body>
<a name="2289"/>
<h1>Js回顾总结</h1>
<div>
<span><div align="justify" style="min-height: 18pt;"><font color="#010101" face="宋体" size="4"><span style="font-size:14pt"><b>一）什么是JavaScript【以下简称JS】</b></span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> JS是</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （1）基于对象</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> JS本身就有一些现成的对象可供程序员使用，例如：Array，Math，String。。。</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> JS并不排除你可以自已按一定的规则创建对象</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （2）事件驱动</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> JS代码写好后，需要外界触发后，方可运行，例如：单击事件，定时执行，。。。</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （3）解释性</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 每次运行JS代码时，得需要将原代码一行一行的解释执行</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 相对编译型语言（例如：Java、C++）执行速度相对较慢</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （4）基于浏览器的动态交互网页技术</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 如果JS嵌入到HTML中，可以不需要服务器支持，直接由浏览器解释执行</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 如果JS嵌入到JSP或Servlet中，必需要服务器支持，直接由浏览器解释执行</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （5）嵌入在HTML标签中</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> JS必须嵌入到一个名叫<script src="引入外部js文件"></script>的标签中，方可运行</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 脚本语言</span></font></div><div align="justify" style="min-height: 18pt;"><font color="#010101" face="宋体" size="4"><span style="font-size:14pt"><b>二）JS中的三种类型</b></span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （1）基本类型：number，string，boolean</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> number包含正数，负数，小数</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> string由''或""定界</span></font></div><div align="justify" style="margin-left:15mm; margin-right:-31mm; text-indent:-15mm; margin-top:0.00mm; margin-bottom:0.00mm;min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> boolean由true或false，但js中的boolean也包含更多情况，例如：存在表示true，不存在表示false</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt">var num = 100;</span></font><div align="left" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> var str = "</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">哈哈";</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> var flag = false;</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> window.alert(num);</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> window.alert(str);</span></font></div><div align="justify" style="margin-left:0mm; margin-right:-31mm; text-indent:0mm; margin-top:0.00mm; margin-bottom:0.00mm;min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> window.alert(flag);</span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （2）特殊类型：null，undefined</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> null表示一个变量指向null</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> undefined表示一个变量指向的值不确定</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">var</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">array =</span></font> <font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">null</span></font><font face="Courier New" size="2"><span style="font-size:10pt">;</span></font><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">var</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">student;</span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> alert(array);</span></font></div><div align="justify" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> alert(student);</span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （3）复合类型：函数，对象，数组</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> 对象包含内置对象和自定义的对象</span></font></div><div align="justify" style="min-height: 18pt;"><font color="#010101" face="宋体" size="4"><span style="font-size:14pt"><b>三）JS中有三种定义函数的方式</b></span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （1）正常方式：function mysum(num1,num2){return num1+num2;}</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt"> </span></font> <font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt">function mysum(num1,num2){</span></font><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> return num1 + num2;</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> }</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> var myresult = mysum(100,200);</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> alert("myresult="+myresult);</span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （2）构造器方式：new Function("num1","num2","return num1+num2;")</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;" width="504"><colgroup><col width="504"></col></colgroup><tbody><tr><td align="left" style="border: solid #000000 1px;" valign="top" width="503"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">var</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">youresult =</span></font> <font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">new</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">Function(</span></font><font color="#8E00FF" face="Courier New" size="2"><span style="font-size:10pt">"num1"</span></font><font face="Courier New" size="2"><span style="font-size:10pt">,</span></font><font color="#8E00FF" face="Courier New" size="2"><span style="font-size:10pt">"num2"</span></font><font face="Courier New" size="2"><span style="font-size:10pt">,</span></font><font color="#8E00FF" face="Courier New" size="2"><span style="font-size:10pt">"return num1+num2"</span></font><font face="Courier New" size="2"><span style="font-size:10pt">);</span></font><div align="justify" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> alert( youresult(1000,2000) );</span></font></div></td></tr></tbody></table></div><div align="justify" style="margin-left:0mm; margin-right:-31mm; text-indent:0mm; margin-top:0.00mm; margin-bottom:0.00mm;min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （3）直接量或匿名或无名方式：var mysum = function(num1,num2){return num1+num2;}</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">var</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">theyresult =</span></font> <font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">function</span></font><font face="Courier New" size="2"><span style="font-size:10pt">(num1,num2)</span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">{</span></font><div align="left" style="min-height: 10pt;"><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt"> return</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">num1 + num2; </span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font> <font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">}</span></font></div><div align="justify" style="min-height: 10pt;"><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font face="Courier New" size="2"><span style="font-size:10pt">alert( theyresult(10000,20000) );</span></font></div></td></tr></table></div><div align="justify" style="min-height: 18pt;"><font color="#010101" face="宋体" size="4"><span style="font-size:14pt"><b>四）JS中有四种对象</b></span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （1）内置对象 ：Date，Math，String，Array，。。。</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;" width="504"><colgroup><col width="504"></col></colgroup><tbody><tr><td align="left" style="border: solid #000000 1px;" valign="top" width="503"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt">var str = new Date().toLocaleString();</span></font><div align="justify" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> window.document.write("<font</span></font> <font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt">size='44' color='red'>"+str+"</font>");</span></font></div></td></tr></tbody></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （2）自定义对象：Person，Card，。。。 </span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> function Student(id,name,sal){</span></font><div align="left" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> //this</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">指向s引用</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> this.id = id;</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> this.name = name;</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> this.sal = sal;</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> }</span></font></div><div align="left" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> var s = new Student(1,"</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">波波",7000);</span></font></div><div align="left" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> document.write("</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">编号:" + s.id + "<br/>");</span></font></div><div align="left" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> document.write("</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">姓名:" + s.name + "<br/>");</span></font></div><div align="justify" style="min-height: 14pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> document.write("</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">薪水:" + s.sal + "<br/>");</span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （3）浏览器对象： window，document，status，location，history。。。</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#7F0055" face="Courier New" size="1"><span style="font-size:9pt">function</span></font> <font face="Courier New" size="1"><span style="font-size:9pt">myrefresh()</span></font><font color="#7F0055" face="Courier New" size="1"><span style="font-size:9pt">{</span></font><div align="left" style="min-height: 9pt;"><font color="#7F0055" face="Courier New" size="1"><span style="font-size:9pt"> </span></font><font face="Courier New" size="1"><span style="font-size:9pt">window.history.go(0);</span></font></div><div align="justify" style="min-height: 9pt;"><font face="Courier New" size="1"><span style="font-size:9pt"> </span></font><font color="#7F0055" face="Courier New" size="1"><span style="font-size:9pt">}</span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （4）ActiveX对象：ActiveXObject("Microsoft.XMLHTTP")，。。。</span></font></div><div align="justify" style="min-height: 18pt;"><font color="#010101" face="宋体" size="4"><span style="font-size:14pt"><b>五）演示JS对象的属性，方法和事件的使用</b></span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （1）window.location.href</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;" width="504"><colgroup><col width="504"></col></colgroup><tbody><tr><td align="left" style="border: solid #000000 1px;" valign="top" width="503"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> var url = "04_array.html";</span></font><div align="justify" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> window.location.href = url;</span></font></div></td></tr></tbody></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （2）form.submit()</span></font></div><div style="margin-left: 15mm;"><table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 1px; border-color: #000000;width:505px;" width="504"><tr><td align="left" style="border: solid #000000 1px;width:100%;" valign="top" width="503"><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt"><</span></font><font color="#3F7F7F" face="Courier New" size="2"><span style="font-size:10pt">form</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">action</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"/js-day01/04_array.html"</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">method</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"POST"</span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt">></span></font><div align="left" style="min-height: 14pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt"><</span></font><font color="#3F7F7F" face="Courier New" size="2"><span style="font-size:10pt">input</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">type</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"button"</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">value</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"</span></font><font color="#2A00FF" face="宋体" size="2"><span style="font-size:10pt">提交到服务端"</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">onclick</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"doSubmit()"</span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt">/></span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt"></</span></font><font color="#3F7F7F" face="Courier New" size="2"><span style="font-size:10pt">form</span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt">></span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt"><</span></font><font color="#3F7F7F" face="Courier New" size="2"><span style="font-size:10pt">script</span></font> <font color="#7F007F" face="Courier New" size="2"><span style="font-size:10pt">type</span></font><font face="Courier New" size="2"><span style="font-size:10pt">=</span></font><font color="#2A00FF" face="Courier New" size="2"><span style="font-size:10pt">"text/javascript"</span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt">></span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">function</span></font> <font face="Courier New" size="2"><span style="font-size:10pt">doSubmit()</span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">{</span></font></div><div align="left" style="min-height: 14pt;"><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt">//</span></font><font color="#3F5FBF" face="宋体" size="2"><span style="font-size:10pt">表单提交</span></font></div><div align="left" style="min-height: 10pt;"><font color="#3F5FBF" face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font face="Courier New" size="2"><span style="font-size:10pt">document.forms[0].submit();</span></font></div><div align="left" style="min-height: 10pt;"><font face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt">}</span></font></div><div align="justify" style="min-height: 10pt;"><font color="#7F0055" face="Courier New" size="2"><span style="font-size:10pt"> </span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt"></</span></font><font color="#3F7F7F" face="Courier New" size="2"><span style="font-size:10pt">script</span></font><font color="#008080" face="Courier New" size="2"><span style="font-size:10pt">></span></font></div></td></tr></table></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （3）inputElement.onblur = 函数</span></font></div><div align="justify" style="min-height: 14pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （4）document.createElement(</span></font><font color="#010101" face="Calibri" size="2"><span style="font-size:10pt">“</span></font><font color="#010101" face="宋体" size="2"><span style="font-size:10pt">img</span></font><font color="#010101" face="Calibri" size="2"><span style="font-size:10pt">”</span></font><font color="#010101" face="宋体" size="2"><span style="font-size:10pt">)</span></font></div><div align="justify" style="min-height: 13pt;"><font color="#010101" face="宋体" size="2"><span style="font-size:10pt"> （5）imgElement.style.width/height</span></font></div></span>
</div></body></html>