当前位置：Gxlcms > JavaScript > jquery问答知识整理_jquery

jquery问答知识整理_jquery

时间：2021-07-01 10:21:17 帮助过：17人阅读

获取ID ： $(this).attr("id");
:not用法
1. 列表用法

代码如下:

 
var notList = []; 
notList.push("#<%=txtSuggest.ClientID %>"); 
var textElements = $("input[type=text]:not(" + notList + ")"); 
var firstFocusItem = null; 
//遍历Type=Text的元素 
textElements.each(function(i) { 
//TODO 
}); 

2.排它用法

代码如下:

 
$("table[id^=tb]:not([id=tbBasicInfo])").each(function() { 
alert($(this).attr("id")); 
}); 

如果不加［］的话， $("table[id^=tb]:not(tbBasicInfo)")，这样是不行的
这时not是基于前者id^=tb的tb进行：not操作的
恢复BackGround-Color为原始的颜色
background-color:transparent
去掉Href的下划线，已访问过的样式
a, a:visited{ text-decoration: none;}
去掉Li的点样式
li{margin:0; padding:0; list-sytle:none}
获取当前对象的Style中的某种样式
$("#divDept").css("display")
CSS BackGround Url 显示不出来
因为IE浏览器和FF对于处理路径有一些差异，在IE下修改boxy.css代码如下。

代码如下:

 
.boxy-wrapper .top-left { background: url('images/boxy-nw.png'); } 
.boxy-wrapper .top-right { background: url('images/boxy-ne.png'); } 
.boxy-wrapper .bottom-right { background: url('images/boxy-se.png'); } 
.boxy-wrapper .bottom-left { background: url('images/boxy-sw.png'); } 
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ 
/* NB: these must be absolute paths or URLs to your images */ 
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png'); } 
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png'); } 
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png'); } 
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-sw.png'); } 

这样就能在IE下显示正常了。
获取Table对象
$("table[id=tableID]") 或者 $("#tableID")CountDown用法

代码如下:

 
$.getJSON( 

loginServiceUrl,{ method: "Logout"}, 

function(result) { 

if (result.Url != null) { 

$("#transfer").countdown({ 
until: "+5s", 
expiryUrl: result.Url, 
onTick: function(periods){ 
$(this).text(periods[6]); 
} 
}); 
} 
}); 

Google Chrome中text()取值有问题，改为val()
Google Chrome 中窗口最大化的问题
以下js代码在FF,IE中没问题

代码如下:

 
if (window.screen) { 
var myw = screen.availWidth; 
var myh = screen.availHeight; 
window.resizeTo(400, 400); 
window.moveTo(0, 0); 
}

在Chrome中resizeTo,resize都是没有效果的。

Issue 2091:window.resizeTo() doesn't have any effect

By Design we don't support resize/move for tabs, only constrained windows.

http://www.cnblogs.com/lonz/articles/381022.html

javascript resizeTo bug

http://code.google.com/p/chromium/issues/detail?id=11523

在google chrome/safari 中textbox默认是可以自由拉长的，为何控制不让其自由拉长。

解决方案：

CSS to disable resizing

textarea {
resize: none;
}
name</SPAN>="<SPAN style="COLOR: #8b0000">foo</SPAN>">

textarea[<SPAN style="COLOR: #0000ff">name</SPAN>=foo] {
resize: none;
}

HTML is <textarea id="<SPAN style="COLOR: #8b0000">foo</SPAN>">)

#foo {
resize: none;
}</PRE></DIV></BLOCKQUOTE>
<P> </P>
<UL>
<LI><STRONG>JS压缩工具</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://www.brainjar.com/js/crunch/demo.html</P>
<P>缺点：</P>
<P>会把正则表达式中类似*/去除</P>
<P>Sample:</P>
<P>value = s.replace(/^0*/, '');</P>
<P>After Compress:</P>
<P>value = s.replace(/^0, '');</P></BLOCKQUOTE>
<UL>
<LI><STRONG>parseInt() 和 Number() 兩個函數有什么不同？</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://hi.baidu.com/iloverobot/blog/item/bd3ed651ffd362868c5430bf.html</P></BLOCKQUOTE>
<UL>
<LI><STRONG>JSON 问题</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://blog.csdn.net/chinaontology/archive/2007/12/30/2004871.aspx</P></BLOCKQUOTE>
<UL>
<LI>CSS置底的提示框 </LI></UL>
<P><IMG title=clip_image002 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=130 alt=clip_image002 src="https://img.gxlcms.com//Uploads-s/new/2019-09-25-201925/20100211130549706.png" width=222 border=0></P>
<P><IMG title=clip_image003 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=39 alt=clip_image003 src="https://img.gxlcms.com//Uploads-s/new/2019-09-25-201925/20100211130549993.png" width=244 border=0></P>
<UL>
<LI><STRONG>大文件上传 进度条显示 （仿csdn资源上传效果）</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://www.cnblogs.com/zengxiangzhan/archive/2010/01/14/1647866.html</P></BLOCKQUOTE>
<UL>
<LI><STRONG>可编辑的Input</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://acme.com/javascript/</P></BLOCKQUOTE>
<P><IMG title=clip_image004 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=142 alt=clip_image004 src="https://img.gxlcms.com//Uploads-s/new/2019-09-25-201925/20100211130549568.png" width=244 border=0></P>
<UL>
<LI><STRONG>jquery设置html头信息</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://home.phpchina.com/space.php?uid=155537&do=blog&id=182698</P></BLOCKQUOTE>
<UL>
<LI><STRONG>jQuery与prototype(ajaxpro)冲突的解决方法</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://www.cnblogs.com/sxlfybb/archive/2009/06/04/1495995.html</P></BLOCKQUOTE>
<UL>
<LI><STRONG>利用jQuery + Handler(ashx) + LINQ 實現 Autocomplete</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://www.dotblogs.com.tw/puma/archive/2009/03/10/7426.aspx</P></BLOCKQUOTE>
<UL>
<LI><STRONG>jquery ajax 中文乱码</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://phpxiaoxin.javaeye.com/blog/350544</P></BLOCKQUOTE>
<UL>
<LI><STRONG>Ajax中文乱码原因分析及解决方案</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://hi.baidu.com/sihillver/blog/item/4d6f32f592920325bc3109d7.html</P></BLOCKQUOTE>
<UL>
<LI><STRONG>打造基于jQuery的高性能TreeView</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://kb.cnblogs.com/page/50337/</P>
<P>http://kb.cnblogs.com/page/53517/</P></BLOCKQUOTE>
<UL>
<LI><STRONG>利用jQuery实现更简单的Ajax跨域请求</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://kb.cnblogs.com/page/53433/</P></BLOCKQUOTE>
<UL>
<LI><STRONG>Jquery.Ajax 读取XML</STRONG> </LI></UL>
<DIV>
<BLOCKQUOTE><PRE><SPAN style="COLOR: #800000">first</SPAN> <SPAN style="COLOR: #800000">of</SPAN> <SPAN style="COLOR: #800000">all</SPAN> <SPAN style="COLOR: #800000">sorry</SPAN> <SPAN style="COLOR: #800000">about</SPAN> <SPAN style="COLOR: #800000">my</SPAN> <SPAN style="COLOR: #800000">english</SPAN>, <SPAN style="COLOR: #800000">it</SPAN>'<SPAN style="COLOR: #800000">s</SPAN> <SPAN style="COLOR: #800000">not</SPAN> <SPAN style="COLOR: #800000">my</SPAN> <SPAN style="COLOR: #800000">native</SPAN> <SPAN style="COLOR: #800000">lengauge</SPAN>...
<SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">have</SPAN> <SPAN style="COLOR: #800000">a</SPAN> <SPAN style="COLOR: #800000">xml</SPAN> <SPAN style="COLOR: #800000">file</SPAN> <SPAN style="COLOR: #800000">that</SPAN> <SPAN style="COLOR: #800000">i</SPAN>'<SPAN style="COLOR: #800000">m</SPAN> <SPAN style="COLOR: #800000">reading</SPAN> <SPAN style="COLOR: #800000">with</SPAN> <SPAN style="COLOR: #800000">the</SPAN> <SPAN style="COLOR: #800000">sample</SPAN> <SPAN style="COLOR: #800000">code</SPAN> <SPAN style="COLOR: #800000">above</SPAN>... </PRE><PRE><SPAN style="COLOR: #800000">but</SPAN> <SPAN style="COLOR: #800000">when</SPAN> <SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">try</SPAN> <SPAN style="COLOR: #800000">to</SPAN> <SPAN style="COLOR: #800000">read</SPAN> <SPAN style="COLOR: #800000">it</SPAN> <SPAN style="COLOR: #800000">from</SPAN> <SPAN style="COLOR: #800000">a</SPAN> <SPAN style="COLOR: #800000">service</SPAN> <SPAN style="COLOR: #800000">web</SPAN> <SPAN style="COLOR: #800000">page</SPAN> (<SPAN style="COLOR: #800000">http</SPAN>://<SPAN style="COLOR: #800000">www</SPAN>.<SPAN style="COLOR: #800000">google</SPAN>.<SPAN style="COLOR: #800000">com</SPAN>/<SPAN style="COLOR: #800000">ig</SPAN>/<SPAN style="COLOR: #800000">api</SPAN>?<SPAN style="COLOR: #800000">weather</SPAN>=<SPAN style="COLOR: #800000">Buenos</SPAN>%<SPAN style="COLOR: #800000">20A</SPAN>...), </PRE><PRE><SPAN style="COLOR: #800000">it</SPAN> <SPAN style="COLOR: #800000">doesn</SPAN>'<SPAN style="COLOR: #800000">t</SPAN> <SPAN style="COLOR: #800000">show</SPAN> <SPAN style="COLOR: #800000">anything</SPAN>... <SPAN style="COLOR: #800000">and</SPAN> <SPAN style="COLOR: #800000">if</SPAN> <SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">write</SPAN> <SPAN style="COLOR: #800000">the</SPAN> <SPAN style="COLOR: #800000">same</SPAN> <SPAN style="COLOR: #800000">content</SPAN> <SPAN style="COLOR: #800000">of</SPAN> <SPAN style="COLOR: #800000">this</SPAN> <SPAN style="COLOR: #800000">page</SPAN> <SPAN style="COLOR: #800000">in</SPAN> <SPAN style="COLOR: #800000">a</SPAN> <SPAN style="COLOR: #800000">xml</SPAN> <SPAN style="COLOR: #800000">file</SPAN> <SPAN style="COLOR: #800000">in</SPAN> <SPAN style="COLOR: #800000">my</SPAN> <SPAN style="COLOR: #800000">pc</SPAN>, </PRE></BLOCKQUOTE></DIV>
<DIV>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"><PRE><SPAN style="COLOR: #800000">it</SPAN> <SPAN style="COLOR: #800000">works</SPAN> <SPAN style="COLOR: #800000">perfectly</SPAN>... <SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">dont</SPAN> <SPAN style="COLOR: #800000">know</SPAN> <SPAN style="COLOR: #800000">what</SPAN> <SPAN style="COLOR: #800000">am</SPAN> <SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">doing</SPAN> <SPAN style="COLOR: #800000">wrong</SPAN>
<SPAN style="COLOR: #800000">i</SPAN> <SPAN style="COLOR: #800000">let</SPAN> <SPAN style="COLOR: #800000">u</SPAN> <SPAN style="COLOR: #800000">the</SPAN> <SPAN style="COLOR: #800000">code</SPAN> <SPAN style="COLOR: #800000">that</SPAN> <SPAN style="COLOR: #800000">i</SPAN>'<SPAN style="COLOR: #800000">m</SPAN> <SPAN style="COLOR: #800000">using</SPAN> <SPAN style="COLOR: #800000">maybe</SPAN> <SPAN style="COLOR: #800000">u</SPAN> <SPAN style="COLOR: #800000">could</SPAN> <SPAN style="COLOR: #800000">help</SPAN> <SPAN style="COLOR: #800000">me</SPAN>
<SPAN style="COLOR: #800000">function</SPAN> <SPAN style="COLOR: #800000">clima</SPAN>(){
$.<SPAN style="COLOR: #ff0000">ajax</SPAN>(<SPAN style="COLOR: #0000ff">{
  type: "GET",
  url: 'http://www.google.com/ig/api?weather=Buenos%20Aires',
  dataType: "xml",
  success: function(data){
  var $weather = $(data).find('current_conditions')
   console.log($weather)</SPAN>;
  }
 });
}

<SPAN style="COLOR: #800000">function</SPAN> <SPAN style="COLOR: #800000">clima</SPAN>() {
$.<SPAN style="COLOR: #ff0000">ajax</SPAN>(<SPAN style="COLOR: #0000ff">{
  type: "GET",
  dataType: "xml",
  url: 'http://www.google.com/ig/api?weather=Buenos%20Aires',
  success: function(xml) {
  var weather = $(xml).find("current_conditions").find("temp_c").attr("data")</SPAN>;
<SPAN style="COLOR: #ff0000">   alert</SPAN>(<SPAN style="COLOR: #0000ff">"Prognostico para hoy: " + weather + " grados")</SPAN>;
  }
 });
}</PRE></BLOCKQUOTE></DIV>
<P> </P>
<UL>
<LI><STRONG>FullSize：一个新的IMG标签属性（附带JQuery实现）</STRONG> </LI></UL>
<BLOCKQUOTE>
<P>http://css9.net/img-fullsize/</P>
<P><IMG title=clip_image005 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=196 alt=clip_image005 src="https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-25-201925/20100211130549660.png" width=244 border=0></P>
<P>http://css9.net/wp-content/uploads/2009/04/fullsize/example.html</P></BLOCKQUOTE>
<P><STRONG>有关于$.ajaxSetup和$.get的问题</STRONG> </P>
<BLOCKQUOTE>
<P>在Common.js中使用</P>
<DIV><PRE>  $.ajaxSetup({
    url: "<SPAN style="COLOR: #8b0000">…..</SPAN>",
    type: "<SPAN style="COLOR: #8b0000">POST</SPAN>",
    cache: <SPAN style="COLOR: #0000ff">true</SPAN>,
    dataType: "<SPAN style="COLOR: #8b0000">json</SPAN>"
  });
  $.ajax({
    data: { cityCode: cityCode, flag: flag },
    success: <SPAN style="COLOR: #0000ff">function</SPAN>(areaList) { …}

  });</PRE></DIV>
<P>在PageA页面引入Common.js</P>
<P>   然后在脚本段中使用<SPAN style="COLOR: #0080ff"><STRONG> $.get(url);</STRONG></SPAN></P>
<P>  此处url调用的是一个aspx页面，显示</script></pre>结果为无数据加载！（正常情况：有数据加载。）</P>
<P>  然后经过使用IE8的开发人员工具，进行Trace Error.最终发现原因错误信息（如下）</P>
<P>  "<SPAN style="COLOR: #8b0000">Invalid JSON: <form name=</SPAN>"form1"<SPAN style="COLOR: #8b0000"> method=</SPAN>"post"<SPAN style="COLOR: #8b0000"> action=</SPAN>"ajax_select</P>
<P>那么如何解决呢？</P>
<P>原因：</P>
<P>        肯定是请求数据类型有问题？</P>
<P>解决方案：</P>
<P>        1.在Page A 页面脚本段 <SPAN style="COLOR: #ff0000"><STRONG>$.get(url，“html”);  </STRONG></SPAN></P>
<P><STRONG><SPAN style="COLOR: #ff0000">          因为$.get中的Data是可选项，现在确定原因之后，我们就来预定义好DataType</SPAN></STRONG></P>
<P><SPAN style="COLOR: #ff0000"><STRONG>       </STRONG></SPAN><SPAN style="COLOR: #008000"><STRONG>结果：OK</STRONG></SPAN></P>
<P>分析源由：</P>
<P>     是因为$.ajaxSetup是用全局设定的，所以全局已经设定了DataType:JSON了。</P>
<P>   <SPAN style="COLOR: #ff0000"><STRONG>  那Page A 页面的$.get()肯定受及影响。</STRONG></SPAN></P>
<P><IMG title=image style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=68 alt=image src="https://img.gxlcms.com//Uploads-s/new/2019-09-25-201925/20100211130549990.png" width=519 border=0> </P>
<P>最终解决方案：</P>
<P>    改Common.js,去掉ajaxSetup全局设定</P>
<P>       $.ajax({ url: "<SPAN style="COLOR: #8b0000">…..</SPAN>", type: "<SPAN style="COLOR: #8b0000">POST</SPAN>", cache: <SPAN style="COLOR: #0000ff">true</SPAN>, dataType: "<SPAN style="COLOR: #8b0000">json</SPAN>",data: { cityCode: cityCode, flag: flag }, success: <SPAN style="COLOR: #0000ff">function</SPAN>(areaList) { …} });</P>
<P>    <SPAN style="COLOR: #008000"><STRONG>结果：OK</STRONG></SPAN></P>
<P>     <IMG title=image style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=76 alt=image src="https://img.gxlcms.com//Uploads-s/new/2019-09-25-201925/20100211130549835.png" width=482 border=0></P></BLOCKQUOTE>                    </div>

                  

	 	
                    <div class="">
                        <ul class="m-news-opt fix">
                            <li class="opt-item">
                                <a href='/JavaScript-230226.html' target='_blank'><p>< 上一篇</p><p class="ellipsis">JavaScriptDOM学习第一章W3CDOM简介_基础知识</p></a>
                            </li>
                            <li class="opt-item ta-r">
                                 <a href='/JavaScript-230228.html' target='_blank'><p>下一篇 ></p><p class="ellipsis">JavaScript10件让人费解的事情_javascript技巧</p></a>
                            </li>
                        </ul>
                    </div>
                    
                    
                    
                    
                </div>
              
                    </div>
                
                  

                    <div class="g-title fix">
                        <h2 class="title-txt">人气教程排行</h2>
                    </div>
                    <div class="m-rank u-dashed mb40">
			
                        <ul>
						
 <li class="rank-item">
                                <a href="/JavaScript-60002.html" title='vue2 设置router-view默认路径的实例' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">213次</span>
                                    <span class="g-sort-num top">1</span>
                                   vue2 设置router-view默认路径的实例                                </a>
                            </li>							  								  														  <li class="rank-item">
                                <a href="/JavaScript-56926.html" title='Vue-路由导航菜单栏的高亮设置方法' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">213次</span>
                                    <span class="g-sort-num second">2</span>
                                   Vue-路由导航菜单栏的高亮设置方法                                </a>
                            </li>								  														  								  <li class="rank-item">
                                <a href="/JavaScript-56852.html" title='基于Axios 常用的请求方法别名(详解)' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">213次</span>
                                    <span class="g-sort-num third">3</span>
                                   基于Axios 常用的请求方法别名(详解)                                </a>
                            </li>														  								  							<li class="rank-item">
                                <a href="/JavaScript-39788.html" title='JavaScript+canvas实现七色板效果实例' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">213次</span>
                                    <span class="g-sort-num ">4</span>
                                   JavaScript+canvas实现七色板效果实例                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-281548.html" title='实现vuex的初始化方法' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">5</span>
                                   实现vuex的初始化方法                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-238997.html" title='jQuery：当鼠标快速移动时无法触发mouseleave事件的问题解决' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">6</span>
                                   jQuery：当鼠标快速移动时无法触发mouseleave事件的问题解决                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-234597.html" title='Array.slice()与Array.splice()的返回值类型_基础知识' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">7</span>
                                   Array.slice()与Array.splice()的返回值类型_基础知识                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-60647.html" title='微信小程序使用swiper组件实现层叠轮播图' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">8</span>
                                   微信小程序使用swiper组件实现层叠轮播图                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-57684.html" title='element-ui 限制日期选择的方法(datepicker)' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">9</span>
                                   element-ui 限制日期选择的方法(datepicker)                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-57417.html" title='vue-baidu-map 进入页面自动定位的解决方案(推荐)' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">10</span>
                                   vue-baidu-map 进入页面自动定位的解决方案(推荐)                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-54331.html" title='JS实现元素上下左右移动效果' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">11</span>
                                   JS实现元素上下左右移动效果                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-32878.html" title='node.js中的emitter.on方法使用说明' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">212次</span>
                                    <span class="g-sort-num ">12</span>
                                   node.js中的emitter.on方法使用说明                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-251986.html" title='在js中如何实现图片左右滑动' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">211次</span>
                                    <span class="g-sort-num ">13</span>
                                   在js中如何实现图片左右滑动                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-65218.html" title='layui button 按钮弹出提示窗口,确定才进行的方法' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">211次</span>
                                    <span class="g-sort-num ">14</span>
                                   layui button 按钮弹出提示窗口,确定才进行的方法                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-53968.html" title='深入理解Vue生命周期、手动挂载及挂载子组件' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">211次</span>
                                    <span class="g-sort-num ">15</span>
                                   深入理解Vue生命周期、手动挂载及挂载子组件                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-32108.html" title='JS 使用for循环遍历子节点查找元素' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">211次</span>
                                    <span class="g-sort-num ">16</span>
                                   JS 使用for循环遍历子节点查找元素                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-286609.html" title='bootstrap如何设置表单必填' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">210次</span>
                                    <span class="g-sort-num ">17</span>
                                   bootstrap如何设置表单必填                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-286358.html" title='bootstrap4兼容哪些浏览器' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">210次</span>
                                    <span class="g-sort-num ">18</span>
                                   bootstrap4兼容哪些浏览器                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-247980.html" title='jQuery实现追加数组并去重功能' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">210次</span>
                                    <span class="g-sort-num ">19</span>
                                   jQuery实现追加数组并去重功能                                </a>
                            </li>							  								  							<li class="rank-item">
                                <a href="/JavaScript-215560.html" title='jQuery实现的在线答题功能_jquery' class="item-name ellipsis" target="_blank">
                                    <span class="g-art-count fr">210次</span>
                                    <span class="g-sort-num ">20</span>
                                   jQuery实现的在线答题功能_jquery                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <!-- / 教程内容页 -->
        </div>
    </div>
  
<!-- 页尾 -->
<div class="footer">
   本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！</div>
<!-- / 页尾 -->

 <script type="text/javascript" src="/kan/js/read.js"></script>

<div style="display:none">
<div class="login-box" id="login-dialog">
<div class="login-top"><a class="current" rel="nofollow" id="login1" onclick="setTab('login',1,2);" >登录</a></div>
<div class="login-form" id="nav-signin">
 <!-- <div class="login-ico"><a rel="nofollow" class="qq" id="qqlogin" target="_blank" href="/user-center-qqlogin.html"> QQ </a></div>  -->


<div class="login-box-form" id="con_login_1">
<form id="loginform" action="/user-center-login.html" method="post" onsubmit="return false;">
<p class="int-text">
<input class="email" id="username" name="username" type="text" value="用户名或Email" onfocus="if(this.value=='用户名或Email'){this.value='';}" onblur="if(this.value==''){this.value='用户名或Email';};" ></p>
<p class="int-text">
<input class="password1" type="password" id="password" name="password"  value="******"  onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" >
</p>
<p class="int-info">
                <label class="ui-label"> </label>
                <label for="agreement" class="ui-label-checkbox">
                <input type="checkbox" value="" name="cookietime" id="cookietime" checked="checked" value="2592000">
                <input type="hidden" name="notforward" id="notforward" value="1">
                <input  type="hidden" name="dosubmit" id="dosubmit" value="1">记住我的登录 </label>                           
       <a rel="nofollow" class="aright" href="/user-center-forgetpwd.html" target="_blank"> 忘记密码？ </a></p>
  <p class="int-btn"><a rel="nofollow" id="loginbt"  class="loginbtn"><span>登录</span></a></p> 
  </form>
</div>
<form id="regform" action="/user-center-reg.html" method="post">
<div  class="login-reg" style="display: none;" id="con_login_2">
<input type="hidden" name="t" id="t"/>
  <p class="int-text">
    <input  id="email" name="email" type="text" value="Email" onfocus="if(this.value=='Email'){this.value='';}" onblur="if(this.value==''){this.value='Email';};"></p>
    <p class="int-text">
    <input id="uname" name="username" type="text" value="用户名或昵称" onfocus="if(this.value=='用户名或昵称'){this.value='';}" onblur="if(this.value==''){this.value='用户名或昵称';};"></p>
  <p class="int-text">
  <input  type="password" id="pwd" name="password" value="******"  onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';"> </p>
  <p class="int-text1"><span class="inputbox">
    <input id="validate" name="validate" type="text" value="验证码" onfocus="if(this.value=='验证码'){this.value='';}" onblur="if(this.value==''){this.value='验证码';};">
    </span><span class="yzm-img"><img src="/user-checkcode-index" alt="看不清楚换一张"  id="indexlogin"></p>
  <p class="int-info">
    <label>
      <input value="" name="agreement" id="agreement" CHECKED="checked" type="checkbox">
      我已阅读<a rel="nofollow" href="/user-center-agreement.html">用户协议</a>及<a rel="nofollow" href="/user-center-agreement.html">版权声明</a></label>
  </p>
  <p class="int-btn"><input type="hidden" name="dosubmit"/>
<a rel="nofollow" class="loginbtn"  id="register"><span>注册</span></a></p>
</div>
 </form>
</div>
</div>

</div>















</div>
 
<script type="text/javascript" src="/kan/js/foot_js.js"></script>   
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6dc1c3c5281cf70f49bc0bc860ec24f2";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
 <script type="text/javascript" src="/layui/layui.js"></script>
    <script>
    layui.use('code', function() {
        layui.code({
            elem: 'pre', //默认值为.layui-code
            about: false,
            skin: 'notepad',
            title: 'php怎么实现数据库验证跳转代码块',
            encode: true //是否转义html标签。默认不开启
        });
    });
    </script>

</body>

</html>