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

📄 100_js_examples.html

📁 学习时曾经用到的资料
💻 HTML
字号:
🔍 
<html>
<head>
<title>Javascriptr入门代码示例-Javascript教程-网页教程与代码的中文站点-布啦布啦-blabla.cn</title>
<meta name="author" content="www.blabla.cn">
<meta name="keywords" content="javascript代码,javascript教程,javascript示例,javascripts,,网页教程和代码的中文网站,网页制作,源代码,示例,布啦布拉,blabla.cn,examples">
<meta name="description" content="-网页教程与代码的中文站点-网页制作-布啦布啦-blabla.cn">
<meta name="generator" content="blabla buildsite v2.0 - C:\CodeBank\BLABLA\blablasource\webtutorials\300_js\100_js_examples.txt">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../styles/bla01.css" type="text/css">

<script type="text/javascript">
function WsFvt() {
    window.external.addFavorite(
        "../default.htm", 
        "布啦布啦网页教程与代码[www.blabla.cn]");
}

function WsHome() {
    event.srcElement.style.behavior = "url(#default#homepage)";
    event.srcElement.setHomePage("../default.htm");
}

function WsActOn() {
    event.srcElement.className = "wsacton";
}

function WsAct() {
    event.srcElement.className = "wsact";
}

</script>
</head>
<body class=wsbody>

<div class=wsheader>
<table cellpadding=0 cellspacing=0 class=wslogoarea>
<td class=ws_a1><img src="../images/logo/blabla_logo01.gif" class=blablalogo03></td>
<td class=ws_a2>
<div>
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsFvt()">加入收藏</font> |
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsHome()">设为首页</font>|
<a href="mailto:webmaster@blabla.cn">联系我们</a>
</div>
<div style = "height:20px;"></div>
<div>
<a href="../html_tutorials/index.html">HTML教程</a> |
<a href="../html_tutorials/100_html_examples.html">HTML示例代码</a> |
<a href="../css_tutorials/index.html">CSS教程</a> |
<a href="../css_tutorials/100_CSS_examples.html">CSS示例代码</a> |
<a href="index.html">Javascript教程</a> |
<a href="100_js_examples.html">Javascript示例代码</a>
</div>
</td>
</tr></table>
</div>

<div class=wscontent>
<table cellpadding=0 cellspacing=0 class=wscgrid>
<td class=a1>
<div class=wsmenu><div class=box><div class=box>
<!--menupart Start  -->
<a href = "../index.html"><H1>网站首页</H1></a>
<a href = "../html_tutorials/index.html" ><H1>HTML网页教程与代码</H1></a><a href = "../html_tutorials/001_HTML_Overview.html" ><P>HTML基本概念</P></a><a href = "../html_tutorials/005_Basic_HTML_Tags.html" ><P>HTML基础Tag</P></a><a href = "../html_tutorials/010_Format_Tags.html" ><P>HTML常用格式</P></a><a href = "../html_tutorials/015_HTML_entities.html" ><P>HTML特殊字符</P></a><a href = "../html_tutorials/020_HTML_links.html" ><P>HTML超链接(Hyperlinks)</P></a><a href = "../html_tutorials/022_html_path.html" ><P>HTML相对和绝对路径</P></a><a href = "../html_tutorials/025_HTML_tables.html" ><P>HTML表格(Tables)</P></a><a href = "../html_tutorials/030_html_frame.html" ><P>HTML框架(Frames)</P></a><a href = "../html_tutorials/035_html_list.html" ><P>HTML列表(Lists)</P></a><a href = "../html_tutorials/037_html_form.html" ><P>HTML表单(Forms)</P></a><a href = "../html_tutorials/040_html_image.html" ><P>HTML图片(Images)</P></a><a href = "../html_tutorials/042_html_font.html" ><P>HTML字体(Fonts)</P></a><a href = "../html_tutorials/045_html_bgcolor_background.html" ><P>HTML背景颜色和图片</P></a><a href = "../html_tutorials/047_html_head.html" ><P>HTML头部信息(Head)</P></a><a href = "../html_tutorials/050_html_color_ref.html" ><P>HTML颜色参考(Color)</P></a><a href = "../html_tutorials/100_html_examples.html" ><P>HTML演示示例代码</P></a><a href = "../html_ref/index.html" ><H1>HTML参考(Reference)</H1></a><a href = "../html_tag_ref/index.html" ><P>HTML元素参考</P></a><a href = "../html_attr_ref/index.html" ><P>HTML属性参考</P></a><a href = "../css_tutorials/index.html" ><H1>CSS教程和代码</H1></a><a href = "../css_tutorials/001_CSS_Overview.html" ><P>CSS简介</P></a><a href = "../css_tutorials/005_CSS_Syntax.html" ><P>CSS语法</P></a><a href = "../css_tutorials/010_css_font.html" ><P>CSS常用字体属性(font)</P></a><a href = "../css_tutorials/015_css_text.html" ><P>CSS常用文本属性</P></a><a href = "../css_tutorials/020_CSS_background.html" ><P>CSS常用背景属性</P></a><a href = "../css_tutorials/025_css_border.html" ><P>CSS常用边框属性(border)</P></a><a href = "../css_tutorials/030_css_margin.html" ><P>CSS边距属性(margin)</P></a><a href = "../css_tutorials/035_css_padding.html" ><P>CSS间隙属性(padding)</P></a><a href = "../css_tutorials/040_css_diff_border_margin_padding.html" ><P>边框/边距/间隙的区别</P></a><a href = "../css_tutorials/045_css_list_style.html" ><P>CSS列表属性(list-style)</P></a><a href = "../css_tutorials/050_pseudo_class.html" ><P>CSS常用伪类(pseudo-class)</P></a><a href = "../css_tutorials/060_css_length_unit.html" ><P>CSS长度单位参考</P></a><a href = "../css_tutorials/100_CSS_examples.html" ><P>CSS演示示例代码</P></a><a href = "index.html" ><H1>Javascript教程和代码</H1></a><a href = "001_js_overview.html" ><P>Javascript简介</P></a><a href = "020_js_where2write.html" ><P>Javascript写在哪里</P></a><a href = "025_js_variables.html" ><P>Javascript变量(Variables)</P></a><a href = "090_js_reserved_words.html" ><P>Javascript保留字</P></a><a href = "100_js_examples.html" ><P><B>Javascript入门代码示例</B></P></a><a href = "101_js_dom_examples.html" ><P>Javascript DOM代码示例</P></a><a href = "../ref/index.html" ><H1>参考(Reference)</H1></a><a href = "../ref/ascii.html" ><P>ASCII编码表</P></a><a href = "../ref/iso_latin_1.html" ><P>ISO Latin-1字符集</P></a>
<!--menupart end  -->
</div></div></div>
</td>
<td class=a2><div class=wsarticle><div class=articlepart id = ap>
<div class=wstitle><div class=box><div class=box><h1>Javascript入门代码示例</h1></div></div></div>
<!--articlepart start-->
<div class = changefont>
<span onclick= "ap.className='ArticlePartBig';"  class = bfont>大字体</span>
<span onclick= "ap.className='ArticlePart';"  class = sfont>小字体</span>
</div>
<h2>如何在网页插入Javascript代码</h2><p><a href ="../js_examples/001_simple_js_documentwrite.html">Javascript代码放在HTML的body里的示例(用document.write输出文本)</a><br><a href ="../js_examples/002_js_documentwrite_format.html">Javascript代码放在HTML的body里的示例(用document.write输出带格式的HTML文本)</a><br><a href ="../js_examples/003_js_head_onclick.html">Javascript代码放在HTML的Head里的示例(用到onclick事件)</a><br><a href ="../js_examples/004_js_external.html">将Javascript放在以.js为后缀的外部文件里的示例</a><br></p><h2>Javascript变量</h2><p><a href = "../js_examples/005_js_variable.html">声明一个Javascript变量，同时给这个变量赋值，并显示这个变量的Javascript示例</a><br></p><h2>Javascript函数</h2><p><a href = "../js_examples/006_js_function_no_para.html">一个简单的不带参数的Javascript函数及其调用示例</a><br><a href = "../js_examples/007_js_function_para_1.html">一个带一个参数的Javascript函数及其调用的示例代码</a><br><a href = "../js_examples/008_js_function_returnvalue.html">一个有返回值的函数及其调用的Javascript示例代码</a><br><a href = "../js_examples/009_js_function_para_return.html">一个既有参数又有返回值的函数及其调用的Javascript示例代码</a><br></p><h2>Javascript条件语句</h2><p><a href = "../js_examples/010_js_if.html">一个使用到if条件语句的Javascript示例</a><br><a href = "../js_examples/011_js_if_else.html">一个使用到if......else条件语句的Javascript示例</a><br><a href = "../js_examples/012_js_switch.html">一个使用swith条件语句的Javascript示例</a><br></p><h2>Javascript循环语句</h2><p><a href = "../js_examples/013_js_for.html">一个使用到for循环的Javascript示例</a><br><a href = "../js_examples/014_js_while.html">一个使用到while循环的Javascript示例</a><br><a href = "../js_examples/015_js_do_while.html">一个使用到do...while循环的Javascript示例</a><br></p><h2>Javascript内置对象Math</h2><p><a href = "../js_examples/017_js_math_random.html">用Math.random()得出0-1之间随机数的Javascript示例</a><br><a href = "../js_examples/018_js_mathrandom_mathround_0_10.html">Math.random()和Math.round得到一个0-10之间随机整数的Javascript示例</a><br><a href = "../js_examples/019_js_math_max.html">用Math.max在众多数值里返回一个最大值的Javascript示例</a><br><a href = "../js_examples/020_js_math_min.html">用Math.min在众多数值里返回一个最小值的Javascript示例</a><br><a href = "../js_examples/021_js_math_random_images.html">一个随机出图片的Javascript示例(用到Math.random()和Math.round方法)</a><br></p><h2>Javascript内置对象String</h2><p><a href = "../js_examples/022_js_string_length.html">用length属性得到字符串长度的Javascript示例</a><br><a href = "../js_examples/023_js_string_indexof.html">用indexOf方法返回String对象内第一次出现子字符串的字符位置的Javascript示例</a><br><a href = "../js_examples/024_js_string_lastindexof.html">用lastIndexOf方法返回String对象内最后一次出现子字符串的字符位置的示例</a><br><a href = "../js_examples/025_js_string_substring.html">用substring方法返回一个字符串中指定那部分子字符串Javascript示例</a><br><a href = "../js_examples/040_js_string_substr.html">用substr方法返回从指定位置开始的指定长度的子字符串的Javascript示例</a><br><a href = "../js_examples/026_js_string_touppercase.html">用toUpperCase方法将字符串中所有字母变成大写的Javascript示例</a><br><a href = "../js_examples/027_js_string_tolowercase.html">用toLowerCase方法将字符串中所有字母变成小写的Javascript示例</a><br></p><h2>Javascript内置对象Date</h2><p><a href = "../js_examples/028_js_date_yyyymmdd.html">如何显示当天日期(yyyy-mm-dd)的Javascript示例(用到Date对象的getFullYear,getMonth和getDate方法)</a><br><a href = "../js_examples/029_js_date_hhnnss.html">如何显示当天时间(hh:nn:ss)的Javascript示例(用到Date对象的getHours,getMinutes和getSeconds方法)</a><br></p><h2>Javascript内置对象Array</h2><p><a href = "../js_examples/030_js_array_create_assign_display.html">一个创建数组(Array)，向数组赋值，并显示数组各项内容的Javascript示例</a><br><a href = "../js_examples/031_js_array_length.html">一个数组(Array)的length属性示例(如果是连续数组，可以用其来求数组的元素个数)</a><br><a href = "../js_examples/032_js_array_reverse.html">用reverse方法将Javascript数组(Array)对象内容反转的示例</a><br><a href = "../js_examples/033_js_array_concat.html">用concat方法将两个或更多数组组合在一起的Javascript示例</a><br><a href = "../js_examples/034_js_array_join.html">用join方法返回一个将数组所有元素用指定符号连在一起的字符串</a><br><a href = "../js_examples/035_js_array_pop.html">用pop()方法移除数组中的最后一个元素并返回该元素的Javascript示例</a><br><a href = "../js_examples/036_js_array_shift.html">用shift()方法移除数组中的第一个元素并返回该元素的Javascript示例</a><br><a href = "../js_examples/037_js_array_slice.html">用slice方法返回数组一部分的Javascript示例</a><br></p>
<!--articlepart end-->

</div><div></td>
<td class=a3><div class=wslink>

<div class=wsportrait>
<img src="../images/logo/blabla_logo02.gif" class=blablalogo21>
</div>

<div class=wslgreen><div class=box><div class=box>
<h2>布啦布啦旗下网站</h2>
<p><a href="../index.html">布啦布啦网页教程与代码</a></p>
<p><a href="http://www.wowstory.com">小斧的魔兽世界</a></p>
<p><a href="../wow/index.html">小斧的魔兽世界镜像</a></p>
<p><a href="http://hardware.blabla.cn">数码资讯</a></p>
</div></div></div>


<div style= "background-color:#FFFFF0;
    border-top:3px solid #FFCC66; border-bottom:3px solid #FFCC66;border-left:1px solid #FFE0A1;border-right:1px solid #FFE0A1;">
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">

</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="blabla.cn"></input>
<input type="text" name="q" size="18" maxlength="255" value=""></input>
</td></tr>
<tr>
<td>&nbsp;</td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value=""></input>
<font size="-1" color="#000000" style = "font-size:12px;">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="blabla.cn" checked="checked"></input>
<font size="-1" color="#000000"  style = "font-size:12px;">blabla.cn</font>
</td>
</tr>
</table>
<input type="submit" name="sa" value="Google 搜索"></input>
<input type="hidden" name="client" value="pub-3105632846497229"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="GB2312"></input>
<input type="hidden" name="oe" value="GB2312"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input>
<input type="hidden" name="hl" value="zh-CN"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google -->
</div>
<div style ="height:8px;font-size:8px;"></div>



<!--Google Adsense start-->
<div id="googlead" style = "width:160px; height:600px;" ></div>
<!--Google Adsense end-->

</div>
</td></tr>
</table></div>

<div class=wsfooter>
<table cellpadding=0 cellspacing=0 class=wsgrid>
<tr><td class=ws_a1>
<!--footer label start-->
&copy; 2005 blabla.cn版权所有 &nbsp;
<!--51yes statistics start-->
<script language="javascript" src="http://count1.51yes.com/click.aspx?id=13420718&logo=12"></script>
<!--51yes statistics end-->
</td></tr></table>
</div>


<!--Google Ad Script Start -->
<div id="googleadcode" style="display:none;">
<script type="text/javascript"><!--
google_ad_client = "pub-3105632846497229";
google_alternate_color = "FFFFFF";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "A8C8FF";
google_color_bg = "F5F9FF";
google_color_link = "0058DB";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<script language="javascript">
if(document.all.item("googlead") != null)
{
  googlead.innerHTML = googleadcode.innerHTML;
}
</script>
<!--Google Ad Script End-->

</body>
</html>

⌨️ 快捷键说明

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