📄 jsjc1.htm
字号:
<html>
<head>
<title>洪恩在线 - JavaScript教程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="/pub/css/home.css">
<link rel="stylesheet" href="/pc/homepage/homepage.css">
<meta name="keywords" content="电脑乐园，电脑，乐园，交互教程，交互，教程，教育，JavaScript，网页制作">
</head>
<body bgcolor="white" text="black" topmargin="10" leftmargin="0" marginwidth="0" marginheight="10">
<!--顶部开始-->
<script language="JavaScript" src="/pub/js/head.js"></script>
<!--顶部结束-->
<table width="760" height="20" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height=20 class="p1" bgcolor="#E8E8E8" align="left"><img src="/pc/img/blank.gif" width="12" height="8"><font color="#FF9966">当前位置</font>：<a href="/default.htm" class="under">洪恩在线</a>
-> <a href="/pc/index.htm" class="under">电脑乐园</a> -> JavaScript教程</td>
</tr>
</table>
<table width="760" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="15"></td>
</tr>
</table>
<table width="760" cellspacing="0" border=0 cellpadding="0" align="center">
<tr>
<td width="161" valign="top" bgcolor="#E8E8E8" align="left" style="color:blue" class="p1" height="123">
<br>
<table width="145" border="0" cellspacing="0" cellpadding="0" bordercolor="#F8AC0E" height="20">
<tr bgcolor="000099" valign="middle">
<td width="115" align="center" class="p2" bgcolor="000099"> <font color="#FFFFFF"><b>JavaScript</b></font></td>
<td height="20" bgcolor="#E8E8E8" width="13"><img src="/pc/img/title_00.gif" width="13" height="20"></td>
<td height="20" bgcolor="#E8E8E8" width="17"> </td>
</tr>
</table>
<br>
<br>
<p class="p1" style="line-height:16pt" align="left"> <font color="#006600">1.JS简介及特点</font><br>
<a href="jsjc2.htm">2.JS与Java的区别</a><br>
<a href="jsjc3.htm">3.JS的运行环境</a><br>
<a href="jsjc4.htm">4.JS的数据类型和变量</a><br>
<a href="jsjc5.htm">5.JS的语句及语法</a><br>
<a href="jsjc6.htm">6.JS的对象及其属性和方法</a><br>
<a href="jsjc7.htm">7.JS的事件处理</a> </p>
<p class="p1" style="line-height:16pt" align="left"> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="line-height:16pt" >
<tr bgcolor="000099">
<td height="27" class=p2 align="center"><font color="#FFFFFF"><b>实例讲解</b></font></td>
</tr>
<tr>
<td class=p1>
<p><br>
<br>
<a href="../index.htm#１">日期时间效果</a><br>
</p>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#2">图片文字效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#3">窗口页面效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#4">鼠标效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#5">菜单及状态栏效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#6">其它</a></td>
</tr>
</table>
</td>
</tr>
</table>
<p class="p1" style="line-height:16pt" align="left"> <br>
<br>
</p>
<p align="center" class=p1> <a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br> 谈谈您的看法</a>
<br>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p class="p1" style="line-height:17pt" align="left"> </p>
</td>
<td width=1 bgcolor=#0586D7 height="123"><img src="/pc/img/blank.gif" width="1" height="1">
</td>
<td width=10>
<p> </p>
</td>
<td valign="top" width="579" height="123" class="p2" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td height="85">
<table width="579" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=464> </td>
<td align="left" width="115"><img src="img/logo5.gif" width="87" height="28"></td>
</tr>
</table>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top" align="right"><img src="img/logo1.gif" width="15" height="40"></td>
<td width="96" valign="bottom"><img src="img/logo2.gif" width="96" height="32"></td>
<td width="225" height="59" background="img/logo31.gif" valign="middle" align="center">
</td>
<td width=209><img src="img/logo4.gif" width="148" height="59"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<hr color=#000000 size=2>
</td>
</tr>
<tr align="left" background="/pc/img/line.gif">
<td background="/pc/img/line.gif">
<p class="p2"><font color="#000000"> <br>
JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript
重新进行设计，并改名为JavaScript。</font></p>
<p class="p2"><font color="#000000"> JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变得生动。使用它的目的是与HTML超文本标识语言、Java
脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。</font></p>
<p class="p2"><font color="#000000"> JavaScript具有很多优点：<br>
1.简单性 JavaScript是一种脚本编写语言，它采用小程序段的方式实现编程，像其它脚本语言一样，JavaScript同样已是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。</font></p>
<p class="p2"><font color="#000000"> 2.动态性 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。</font></p>
<p class="p2"><font color="#000000"> 3.跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。</font></p>
<p class="p2"><font color="#000000"> 4.节省CGI的交互时间 随着WWW的迅速发展有许WWW服务器提供的服务要与浏览者进行交流，确浏览的身份、需服务的内等等，这项工作通常由CGI/PERL编写相应的接口程序与用户进行交互来完成。很显然，通过网络与用户的交互过程一方面增大了网络的通信量，另一方面影响了服务器的服务性能。服务器为一个用户运行一个CGI时，需要一个进程为它服务，它要占用服务器的资源(如CPU服务、内存耗费等)，如果用户填表出现错误，交互服务占用的时间就会相应增加。被访问的热点主机与用户交互越多，服务器的性能影响就越大。</font></p>
<p class="p2"><font color="#000000"> JavaScript是一种基于客户端浏览器的语言，用户在浏览中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的，即使是必须调用CGI的部分，浏览器只将用户输入验证后的信息提交给远程的服务器，大大减少了服务器的开销。</font><font color="#0000FF">
</font></p>
<p style="line-height:17pt"> </p>
<p align="right"> <a href="jsjc2.htm">下一节</a> </p>
<p> </p>
<p align="center" class=p2><a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br>
谈谈您的看法</a>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p> </p>
</td>
</tr>
</table>
</td>
<td width=10>
<p> </p>
</td>
</tr>
</table>
<!--底部开始-->
<script language="JavaScript" src="/pub/js/foot.js"></script>
<!--底部结束-->
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -