﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-kook-文章分类-JS小技巧</title><link>http://www.blogjava.net/kook/category/20571.html</link><description /><language>zh-cn</language><lastBuildDate>Mon, 21 May 2007 07:32:05 GMT</lastBuildDate><pubDate>Mon, 21 May 2007 07:32:05 GMT</pubDate><ttl>60</ttl><item><title>JS中的几种提示框</title><link>http://www.blogjava.net/kook/articles/118882.html</link><dc:creator>kook</dc:creator><author>kook</author><pubDate>Mon, 21 May 2007 07:05:00 GMT</pubDate><guid>http://www.blogjava.net/kook/articles/118882.html</guid><wfw:comment>http://www.blogjava.net/kook/comments/118882.html</wfw:comment><comments>http://www.blogjava.net/kook/articles/118882.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/kook/comments/commentRss/118882.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/kook/services/trackbacks/118882.html</trackback:ping><description><![CDATA[<p>三种不同的JS常用提示框<br></p>
<p>alert</p>
<p>alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是HTML 格式。该消息框提供了一个&#8220;确定&#8221;按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 <br><br>window.alert("欢迎！请按&#8220;确定&#8221;继续。");<br><br>如果要换行则用\r\n表示<br></p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">SCRIPT&nbsp;LANGUAGE</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">JavaScript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>function&nbsp;test()<br>{<br>alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">您好！!\r\nhttp://www.163.com</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)<br>}<br></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">INPUT&nbsp;onclick</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">test()&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">button&nbsp;value</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">测试</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span></div>
<br>
<p>confirm</p>
使用确认消息框可向用户问一个&#8220;是-或-否&#8221;问题，并且用户可以选择单击&#8220;确定&#8221;按钮或者单击&#8220;取消&#8221;按钮。 confirm 方法的返回值为 true 或 false 。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。 <br><br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">SCRIPT&nbsp;LANGUAGE</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">JavaScript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br>function&nbsp;test1()<br>{<br>var&nbsp;aa</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;window.confirm(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">单击&#8220;确定&#8221;继续。单击&#8220;取消&#8221;停止。</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br></span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(aa)&nbsp;{<br>window.alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">你选了确定！</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>}<br></span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&nbsp;window.alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">你选了取消！</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br>}<br></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">INPUT&nbsp;onclick</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">test1()&nbsp;type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">button&nbsp;value</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">测试</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span></div>
<br>
<p>prompt</p>
使用确认消息框可向用户问一个&#8220;是-或-否&#8221;问题，并且用户可以选择单击&#8220;确定&#8221;按钮或者单击&#8220;取消&#8221;按钮。 confirm 方法的返回值为 true 或 false 。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。 <br><br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">&lt;SCRIPT&nbsp;LANGUAGE="JavaScript"&gt;<br>function&nbsp;test3()<br>{<br>var&nbsp;bb=&nbsp;window.prompt("欢迎？","请在此输入您的姓名。");<br>t3.value=bb;<br>}<br>&lt;/script&gt;<br>&lt;input&nbsp;id="t3"&gt;<br>&lt;INPUT&nbsp;onclick=test3()&nbsp;type=button&nbsp;value="测试"&gt;</div>
<img src ="http://www.blogjava.net/kook/aggbug/118882.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/kook/" target="_blank">kook</a> 2007-05-21 15:05 <a href="http://www.blogjava.net/kook/articles/118882.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>通过子窗口来控制父窗口</title><link>http://www.blogjava.net/kook/articles/103234.html</link><dc:creator>kook</dc:creator><author>kook</author><pubDate>Mon, 12 Mar 2007 02:28:00 GMT</pubDate><guid>http://www.blogjava.net/kook/articles/103234.html</guid><wfw:comment>http://www.blogjava.net/kook/comments/103234.html</wfw:comment><comments>http://www.blogjava.net/kook/articles/103234.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/kook/comments/commentRss/103234.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/kook/services/trackbacks/103234.html</trackback:ping><description><![CDATA[
		<font face="Verdana" size="1">一、关闭子窗口的同时刷新父窗口：<br />   </font>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #008080"> 1</span> <span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script language</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span></font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #008080"> 2</span> </font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">function quit()<br /></span>
								<span style="COLOR: #008080"> 3</span> </font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">{<br /></span>
								<span style="COLOR: #008080"> 4</span> <span style="COLOR: #000000">  </span><span style="COLOR: #0000ff">try</span></font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #008080"> 5</span> </font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">  {<br /></span>
								<span style="COLOR: #008080"> 6</span> <span style="COLOR: #000000">   window.opener.location.reload(</span><span style="COLOR: #0000ff">true</span></font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">);<br /></span>
								<span style="COLOR: #008080"> 7</span> </font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">  }<br /></span>
								<span style="COLOR: #008080"> 8</span> <span style="COLOR: #000000">  </span><span style="COLOR: #0000ff">catch</span></font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000"> (ex) {}<br /></span>
								<span style="COLOR: #008080"> 9</span> </font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">}<br /></span>
								<span style="COLOR: #008080">10</span> <span style="COLOR: #000000">window.close()</span></font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">;<br /></span>
								<span style="COLOR: #008080">11</span> <span style="COLOR: #000000"></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></font>
				</font>
				<span style="COLOR: #000000">
						<br />
				</span>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #008080">12</span> <span style="COLOR: #000000"></span></font>
				</font>
		</div>
		<br />
		<font face="Verdana" size="1">二、关闭子窗口的同时控制父窗口的跳转：<br /><br /></font>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #008080">1</span> <span style="COLOR: #000000">window.opener.location.href</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">http://www.163.com</span><span style="COLOR: #000000">"</span></font>
				</font>
				<font face="Verdana">
						<font size="1">
								<span style="COLOR: #000000">;<br /></span>
								<span style="COLOR: #008080">2</span> <span style="COLOR: #000000">window.close();</span></font>
				</font>
		</div>
		<br />
		<font face="Verdana" size="1">当然，我们完全可以在子窗口不关闭的同时来这样操作父窗口。</font>
<img src ="http://www.blogjava.net/kook/aggbug/103234.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/kook/" target="_blank">kook</a> 2007-03-12 10:28 <a href="http://www.blogjava.net/kook/articles/103234.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>