⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 js7.htm

📁 这是一些关于JavaScript的学习资料 希望对大家有用
💻 HTM
📖 第 1 页 / 共 3 页
字号:
                style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 21%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset" 
                vAlign=top align=middle>
                  <P style="TEXT-ALIGN: center" align=center><SPAN lang=EN-US 
                  style="FONT-FAMILY: 宋体">Height</SPAN><SPAN lang=EN-US> 
                  </SPAN></P></TD>
                <TD 
                style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 20%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset" 
                vAlign=top align=middle>
                  <P style="TEXT-ALIGN: center" align=center><SPAN lang=EN-US 
                  style="FONT-FAMILY: 宋体">yes/no</SPAN><SPAN lang=EN-US> 
                  </SPAN></P></TD>
                <TD 
                style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 49%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset" 
                vAlign=top align=middle>
                  <P style="TEXT-ALIGN: center" align=center><SPAN 
                  style="FONT-FAMILY: 宋体">确定窗口的高度。</SPAN><SPAN lang=EN-US> 
                  </SPAN></P></TD></TR></TBODY></TABLE>
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P> 
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            在使用Open()方法时,需要注意以下点。<BR>&nbsp;&nbsp;&nbsp; 
            通常浏览器窗中,总有一个文档是打开的。因而不需要为输出建立一个新文档。在完成对Web文档的写操作后,要使用或调用close()方法来实现对输出流的关闭。在使用open()来打开一个新流时,可为文档指定一个有效的文档类型,有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (2)write()、writeln()输出显示<BR>&nbsp;&nbsp;&nbsp; 
            该方法主要用来实现在Web页面上显示输出信息。在实际使用中,需注意以下几点:<BR>&nbsp;&nbsp;&nbsp; 
            writeln()与write()唯一不同之处在于在未尾加了一个换符。<BR>&nbsp;&nbsp;&nbsp; 
            为了正常显示其输出信息,必须指明&lt;pre&gt; 
            &lt;/Pre&gt;标记,使之告诉编辑器。<BR>&nbsp;&nbsp;&nbsp; 
            输出的文档类型,可以由浏览器中的有效的合法文本类型所确定。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (3)关闭文档流close()<BR>&nbsp;&nbsp;&nbsp; 
            在实现多个文档对象中,必须使用close()来关闭一个对象后,才能打开另一个文档对象。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (4)清除文档内容clear()<BR>&nbsp;&nbsp;&nbsp; 使用该方法可清除已经打开文档的内容。</FONT>
            <P align=justify><FONT size=2>二、简单的输入、输出例子</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            在JavaScript中可以非常方便地实现输入输出信息,并与用户进行交互。</FONT>
            <P align=justify><FONT size=2>1.JavaScript信息的输入</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            通过使用JavaScript中所提供的窗口对象方法prompt(), 
            就能完成信息的输入。该方法提供了最简便的信息输入方式,其基本格式如下:<BR>&nbsp;&nbsp;&nbsp; 
            Window.prompt("提示信", 预定输入信息);<BR>&nbsp;&nbsp;&nbsp; 
            此方法首先在浏览器窗口中弹出一个对话框, 
            让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。例:<BR>&nbsp;&nbsp;&nbsp; 
            test=prompt(“请输入数据:”,”this is a JavaScript”)<BR>&nbsp;&nbsp;&nbsp; 
            实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 
            所以windows对象可以省略不写。</FONT>
            <P align=justify><FONT size=2>2.输出显示</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            每种语言,都必须提供信息数据的输出显示。JavaScript也是一样,它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (1)document.write()方法和document.writeln()方法<BR>&nbsp;&nbsp;&nbsp; 
            document是JavaScript中的一个对象在它中封装许多有用的方法,其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。<BR>&nbsp;&nbsp;&nbsp; 
            document.write();<BR>&nbsp;&nbsp;&nbsp; 
            document.writeln();<BR>&nbsp;&nbsp;&nbsp; 说明:<BR>&nbsp;&nbsp;&nbsp; 
            write()和writeln()方法都是用于向浏览器窗口输出文本字串;<BR>&nbsp;&nbsp;&nbsp; 
            二者的唯一区别就是writeln()方法自动在文本之后加入回车符。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (2)window.alert()输出<BR>&nbsp;&nbsp;&nbsp; 
            在JavaScript为了方便信息输出,JavaScript提供了具有独立的对话框信息输出─alert()方法。<BR>&nbsp;&nbsp;&nbsp; 
            alert()方法是window对象的一个方法,因此在使用时,不需要写window窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按“确定”钮后,方可继续执行其他脚本程序。例:<BR>&nbsp;&nbsp;&nbsp; 
            &lt;HTML&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;TITLE&gt;&lt;/TITLE&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;BODY&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;Script Language 
            ="JavaScript"&gt;<BR>&nbsp;&nbsp;&nbsp; 
            alert("这个是由山西之窗制作的JavaScript的测试程序");<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/Script&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/BODY&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/HTML&gt;</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            (3)利用输入、输出方法实现交互<BR>&nbsp;&nbsp; 
            在JavaScript中,可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。<BR>&nbsp;&nbsp;&nbsp; 
            Test7_1.htm<BR>&nbsp;&nbsp;&nbsp; &lt;HTML&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;TITLE&gt;&lt;/TITLE&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/HEAD&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;BODY&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;Script 
            Language="JavaScript"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;!-- Hide From 
            Other Browsers<BR>&nbsp;&nbsp;&nbsp; 
            document.write("&lt;H1&gt;有关交互的例子");<BR>&nbsp;&nbsp;&nbsp; 
            my=prompt("请输入山西之窗的网址:");<BR>&nbsp;&nbsp;&nbsp; 
            document.write(my+"&lt;/H1&gt;");<BR>&nbsp;&nbsp;&nbsp; 
            document.close();<BR>&nbsp;&nbsp;&nbsp; // Stop Hiding from Other 
            Browsers--&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/Script&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/BODY&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/HTML&gt;<BR>&nbsp;&nbsp;&nbsp; 从上面程序可以看出:<BR>&nbsp;&nbsp;&nbsp; 
            可通过write()和prompt()方法实现交互。<BR>&nbsp;&nbsp; 
            在JavaScript脚本语言中可以使用HTML标识语言的代码,从而实现混合编程。</FONT>
            <P align=justify><FONT size=2>&nbsp;&nbsp;&nbsp; 
            三、范例<BR>&nbsp;&nbsp;&nbsp; 下列程序演示了你进入主页所停留的时间。<BR>&nbsp;&nbsp;&nbsp; 
            test7_2.htm<BR>&nbsp;&nbsp;&nbsp; &lt;html&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;form name="myform"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;td vAlign="top" 
            width="200"&gt;您在此停留了:<BR>&nbsp;&nbsp;&nbsp; &lt;input name="clock" 
            size="13" value="在线时间"&gt;&lt;/td&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/form&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;script 
            language="JavaScript"&gt;<BR>&nbsp;&nbsp;&nbsp; var id, iM = 0, iS = 
            1;<BR>&nbsp;&nbsp;&nbsp; start = new Date();<BR>&nbsp;&nbsp;&nbsp; 
            function go()<BR>&nbsp;&nbsp;&nbsp; {<BR>&nbsp;&nbsp;&nbsp; now = 
            new Date();<BR>&nbsp;&nbsp;&nbsp; time = (now.getTime() - 
            start.getTime()) / 1000;<BR>&nbsp;&nbsp;&nbsp; time = Math.floor( 
            time);<BR>&nbsp;&nbsp;&nbsp; iS = time % 60;<BR>&nbsp;&nbsp;&nbsp; 
            iM = Math.floor( time / 60);<BR>&nbsp;&nbsp;&nbsp; if ( iS &lt; 
            10)<BR>&nbsp;&nbsp;&nbsp; document.myform.clock.value = " " + iM + " 
            分 0" + iS + " 秒";<BR>&nbsp;&nbsp;&nbsp; else<BR>&nbsp;&nbsp;&nbsp; 
            document.myform.clock.value = " " + iM + " 分 " + iS + " 
            秒";<BR>&nbsp;&nbsp;&nbsp; id = setTimeout( "go()", 
            1000);<BR>&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; 
            go();<BR>&nbsp;&nbsp;&nbsp; &lt;/script&gt;<BR>&nbsp;&nbsp;&nbsp; 
            &lt;/body&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/html&gt;</FONT>
            <P align=center><IMG height=328 src="js7.files/image6.jpg" width=421 
            border=0></P></TD></TR>
        <TR>
          <TD>
            <P align=right> 
            <P align=right><FONT size=2><A 
            href="http://www.pinluo.com/book/javascript/js6.htm">上一页</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
            <A 
            href="http://www.pinluo.com/book/javascript/js8.htm">下一页</A></FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -