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

📄 3.html

📁 dojo学习资料,从初级开始学起,是初学都认识dojo的好帮手.
💻 HTML
📖 第 1 页 / 共 2 页
字号:
🔍
12 

<html>
<head>
<title>小说:Dojo&nbsp;教程&nbsp;笔记&nbsp;(转载)&nbsp;三 - 新浪BLOG</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="http://blogjs.sinajs.cn/css/read_mode/read_mode.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.html
{
	text-align:center;
}
body
{
	margin:auto;
	padding:auto;
	width:100%;
	overflow:hidden;
	text-align:center;
	padding-bottom: 20px;
	background:url('http://blogjs.sinajs.cn/images/read_mode/bodyBG.gif') repeat top;
}

.cl2
{
	background-image : url('http://image2.sina.com.cn/blog/tmpl/v3/images/read_button.gif')  ; 
	border:none;
	width:73px;
	height:19px;
	margin:1px  ;
	padding:2px 0px 0px 0px;
	cursor:hand;
	cursor:pointer;
}
.cl3
{
	background-image : url('http://blogjs.sinajs.cn/images/read_mode/readModeSave.gif')  ; 
	border:none;
	width:73px;
	height:19px;
	margin:1px  ;
	padding:2px 0px 0px 0px;
	cursor:hand;
	cursor:pointer;
}

.cl4
{
	background-image : url('http://blogjs.sinajs.cn/images/read_mode/readModeClose.gif')  ; 
	border:none;
	width:19px;
	height:19px;
	margin:1px  ;
	padding:2px 0px 0px 0px;
	cursor:hand;
	cursor:pointer;
}
.reader_tag{color:#000;font-size:12px}
.reader_tag a{color:#666;}
.tagItem{
	float:left;
	padding:2px 4px;
	text-align:left;
	white-space:nowrap; 	
}
-->
</style>
 <link rel="Stylesheet" type="text/css" media="all" href="http://hits.blog.sina.com.cn/hits?act=1&aid=551fd8e701008c8h">
</head>

 <script>

var clickobj="cl";//按钮ID
var htmlobj="bodyid";
var txt_type=1; //简体

function _addHTML(oParentNode, sHTML) {
 
	if(window.Event) 
	{ 
		var oRange = oParentNode.ownerDocument.createRange();
		oRange.setStartBefore(oParentNode);
		var oFrag = oRange.createContextualFragment(sHTML);
		oParentNode.appendChild(oFrag);
	}
	else 
	{ 
 
		oParentNode.insertAdjacentHTML("BeforeEnd", sHTML);
	}
}

function _browser_ckeck(){
	var sUA = navigator.userAgent.toLowerCase();
	var sIE = sUA.indexOf("msie");
	var sOpera = sUA.indexOf("opera");
	var sMoz = sUA.indexOf("gecko");
	if (sOpera != -1) return "opera";
	if (sIE != -1)
	{
		nIeVer = parseFloat(sUA.substr(sIE + 5));
		if (nIeVer >= 6) return "ie6";
		else if (nIeVer >= 5.5) return "ie55";
		else if (nIeVer >= 5 ) return "ie5";
	}
	if (sMoz != -1)	return "moz";
	return "other";
}

 function _isIE()
 {  
     var _o=_browser_ckeck() ;
	 return  _o.indexOf('ie') > -1;
 }

 
//按钮可用
function _enabled_button()
{
	  var _o=document.getElementById(clickobj) ;
      _o.disabled = false;
}

//按钮不可用
function _disabled_button()
{
	  var _o=document.getElementById(clickobj) ;
      _o.disabled = true;

}
 
//实现了缓存池的作用
function  load_js(jsdir,jsid,jsfile)
{  
    var HeadElement = document.getElementsByTagName("HEAD")[0];
    var article_script_ojb=document.getElementById(jsid);
 
	if (article_script_ojb!=null)
	{   
		_disabled_button() ;
		_show_loadmsg("start");

		setTimeout(function (){
			_blog_tran_text();
			_enabled_button();
			_show_loadmsg("end"); 
		},100)
	}
	else
	{   
		var script = document.createElement('SCRIPT');
		script.id = jsid; 
		script.src =jsdir  +jsfile ; 	
		script.type ="text/javascript";
		HeadElement.appendChild(script) ;
	  
		if ( _isIE())
		{
			 script.onreadystatechange=function()
			{    
  
			  if (script.readyState == "complete"  ||  script.readyState == "loaded" ) 
			  {  
	 
						_disabled_button() ;
						_show_loadmsg("start");
						setTimeout(function (){
						_blog_tran_text();
						_enabled_button();
						_show_loadmsg("end");
						},100)
	 
              }
			 	  
			}

		}
	  else
		{        
                  _disabled_button() ;
					_show_loadmsg("start");
				  script.onload=function()
				 {
				    
						try
						{
						   setTimeout(function (){
							   _blog_tran_text();
						       _enabled_button();
							   _show_loadmsg("end");           },100)
							}
						catch (e)
						{
						}
						finally
						{
                         _show_loadmsg("end");   
						}
				 }

		}

	}

}

//工具目前的编码作转换,并把值改动的对象的innerHTML中
function _blog_tran_text( )
{
var s=document.getElementById(htmlobj);
var bu=document.getElementById(clickobj);
//var tr="nobody"  ; //是一段文字转换 还是整个页面转换
 var str=s.innerHTML; 
  s.innerHTML="";
  
   //window.document.body="";
	var _str="";

	var len=str.length ;
 
	if ( len>4000)
	{   
      
		//var arr=Math.round(len/1000) 
		var arr=Math.floor(len/1000) ;
        var strarr=new Array();
        
       	if (txt_type==1) 
		{
			for (var i=0;i<= arr;i++){
                 
                 _str=str.substr(i*1000,1000) ;
			 
				 if (i==arr)
				 {
					if (_str!="") strarr[i] = Traditionalized(_str) ;
				 }
				 else
				 {
					strarr[i] = Traditionalized(_str) ;
				 }
				setTimeout("function(){}",20) ;
			}
		}
		else 
		{   

			for (var i=0;i<= arr;i++){
                 
                 _str=str.substr(i*1000,1000) ;

				  if (i==arr)
				 {
					if (_str!="") strarr[i] = Simplized(_str) ;
				 }
				 else
				 {
					strarr[i] = Simplized(_str) ;
				 }
				setTimeout("function(){}",20) ;
 
			}
 

		}//end if 

		str=strarr.join("");
                 
	}
	else
	{
		if (txt_type==1) 
		{  
		 
			 
			str=Traditionalized(str);
		}
		else
		{	 
			str=Simplized(str);
		}
			

	}
 
		_addHTML(s,str);
  
		if (txt_type==1) 
		{  
		 window.document.title= Simplized(window.document.title);
		}
		else
		{
			window.document.title=Traditionalized(window.document.title)
		}
 
 
}
//提示信息
function _show_loadmsg(str)
{
  
	   var _o=document.getElementById(clickobj) ;
	   if (_o!=null)
		{
		   if (txt_type==1) 
			{  
               if (str=="start") 
				{
			    _o.value="转换数据" ;  
				}
				else if (str=="end")
				{
				 _o.value="转为繁体" ;
				}
				else 
				{
					 _o.value="转换失败" ;
				}
			}
			else
			{
				 if (str=="start") 
				{
			    _o.value="轉換數據" ;  
				}
				else if (str=="end")
				{
				 _o.value="轉为簡體" ;
				}
				else 
				{
					 _o.value="轉換失敗" ;
				}

			}
		 

		}
 
}

//硬编码加载js文件
function _blog_load_js()
{ 
	load_js("http://blogjs.sinajs.cn/js/read_mode/","jsidd","big5_gb.js");
}


window.onload=function()
{
 
	document.getElementById(clickobj).disabled=false; 
}
 </script>

<body>
<table width="750" border="0" align="center" cellspacing="0" background="http://image2.sina.com.cn/blog/tmpl/v3/theme/1/images/bodyTop.gif" height="40">
	<tr>
		<td width="184" align="left" style="padding-left:5px;" >
			<a href="http://blog.sina.com.cn/" target="_blank"><img src="http://image2.sina.com.cn/blog/tmpl/v3/images/logo.gif" border="0"></a>		</td>
		<td align="left" style="padding-top:14px; font-size:12px" width="204">
			<script language="javascript" type="text/javascript" src="http://blogjs.sinajs.cn/js/head_utf8.js" charset="utf-8" ></script>
	  </td>
		<td align="right" style="padding-top:14px;padding-right:10px" width="246"><span style="color:#656565; font-size:12px">
<a target="_blank" href="http://my.blog.sina.com.cn" style="color:#656565">管理博客</a>&nbsp;┆&nbsp;<a target="search" href="http://search.blog.sina.com.cn/blog/search" style="color:#656565">搜索</a>&nbsp;┆&nbsp;<a target="help" href="/help/" style="color:#656565">帮助</a></span>		</td>
	</tr>
</table>
<div id="bodyid">
<div id="menu" class="readModeTopBox" onDblClick="javascript:cancel_bubble(event);" onMouseDown="javascript:cancel_bubble(event);">
	<div>
		<select id="no1" class="readModeBgColor" onChange="setBgColor(this.options[this.selectedIndex].value)">
			<option value="#eef9fc" class="readModeDefault">文章背景</option>
			<option value="#ffffff" class="readModeWhite">&nbsp; 雪白</option>
			<option value="#E4EBF1" class="readModeBabyBlue">&nbsp; 淡蓝</option>
			<option value="#eef9fc" class="readModeEEF9FC">&nbsp; 蓝色</option>
			<option value="#EEEEEE" class="readModeGrayEEE">&nbsp; 淡灰</option>
			<option value="#E4E1D8" class="readModeGrayE4E">&nbsp; 深灰</option>
			<option value="#E6E6E6" class="readModeGray6E6">&nbsp; 暗灰</option>
			<option value="#EEFAEE" class="readModeEEFAEE">&nbsp; 淡绿</option>
			<option value="#FFFFED" class="readModeYellow">&nbsp; 明黄</option>
		   <option value="black" class="readModeBlack">&nbsp; &nbsp;黑</option>
			<option value="green" class="readModeGreen">&nbsp; &nbsp;绿</option>
			<option value="darkred" class="readModeDarkred">&nbsp; 暗红</option>
			<option value="darkslateblue" class="readModeDarkslateblue">&nbsp; 深蓝</option>
			<option value="teal" class="readModeTeal">&nbsp; 鸭绿</option>
			<option value="indigo" class="readModeIndigo">&nbsp; 靛青</option>
			<option value="brown" class="readModeBrown">&nbsp; 褐色</option>
		</select>
 
		<span style="font-size:20px;">A</span>
		<select id="no2" onChange="setFontStyle(this.options[this.selectedIndex].value)">
			<option value="宋体">宋体</option>
			<option value="黑体">黑体</option>
			<option value="楷体_GB2312">楷体</option>
			<option value="仿宋_GB2312">仿宋</option>
			<option value="隶书">隶书</option>
			<option value="幼圆">幼圆</option>
		</select>
		<select id="no3" onChange="setFontSize(this.options[this.selectedIndex].value)">
			<option value="32px">二号</option>
			<option value="24px">三号</option>
			<option value="18px" selected="selected">四号</option>
			<option value="16px">小四</option>
			<option value="14px">五号</option>
			<option value="12px">小五</option>
		</select>
		<select id="no4" onChange="setFontColor(this.options[this.selectedIndex].value)">>
			<option value="black" class="readModeBlack">&nbsp;</option>
			<option value="green" class="readModeGreen">&nbsp;</option>
			<option value="darkred" class="readModeDarkred">&nbsp;</option>
			<option value="darkslateblue" class="readModeDarkslateblue">&nbsp;</option>
			<option value="teal" class="readModeTeal">&nbsp;</option>
			<option value="indigo" class="readModeIndigo">&nbsp;</option>
			<option value="brown" class="readModeBrown">&nbsp;</option>
			
			<option value="#ffffff" class="readModeWhite">&nbsp;</option>
			<option value="#E4EBF1" class="readModeBabyBlue">&nbsp;</option>
			<option value="#eef9fc" class="readModeEEF9FC">&nbsp;</option>
			<option value="#EEEEEE" class="readModeGrayEEE">&nbsp;</option>
12

⌨️ 快捷键说明

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