一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

ISO 2 Letter Language Codes

The codes below, which are sorted alphabetically by language (not language code) are to be used with the core lang attribute to identify the language contained inside the element that the lang attribute is applied to. Table 1. Language Codes Language Code Abkhazian AB Afar AA Afrikaans AF Albanian SQ Amharic AM Arabic AR Armenian HY Assamese AS Aymara AY Azerbaijani AZ Bashkir BA Basque EU Bengali, Bangla BN Bhutani DZ Bihari BH Bislama BI Breton BR Bulgarian BG Burmese MY Byelorussian BE Cambodian KM Catalan CA Chinese ZH Corsican CO Croatian […]

龙生   28 Nov 2017
View Details

JS离开页面执行函数 onbeforeunload与onunload事件

阅读目录 onbeforeunload定义和用法 onunload定义和用法 在最近的项目中,需要做到一个时间,就是用户离开页面的时候,我需要缓存页面其中一部分的内容,但是我不需要用户刷新的时候也缓存,我只希望在我用户离开的时候 执行这个函数。百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结   onbeforeunload与onunload事件 onbeforeunload定义和用法 onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。 但你可以自定义一些消息提示与标准信息一起显示在对话框。 注意: 如果你没有在 <body> 元素上指定 onbeforeunload 事件,则需要在 window 对象上添加事件,并使用 returnValue 属性创建自定义信息(查看以下语法实例)。 注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。 使用方法: 1、 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>test</title> </head> <body onbeforeunload="return test()">      </body> <script type="text/javascript">     function test(){         return "你确定要离开吗";     } </script> </html> 或者: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8"> […]

龙生   28 Nov 2017
View Details

Flex 布局教程:实例篇

上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。
你会看到,不管是什么布局,Flex往往都可以几行命令搞定。

龙生   25 Nov 2017
View Details

Flex 布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。
布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。

龙生   24 Nov 2017
View Details

Flex 布局示例

from:http://static.vgee.cn/static/index.html

龙生   24 Nov 2017
View Details

jquery判断元素是否隐藏的多种方法

第一种:使用CSS属性 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!"); } 第二种:使用jquery内置选择器 假设我们页面有这么个标签, 代码如下: <div id="test"> <p>仅仅是测试所用</p> </div> 那么,我们可以用以下语句来判断id为"test"的标签是否隐藏: 代码如下: if($("#test").is(":hidden")){…} //前提是已经将jQuery的库导进来了 这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画,比如: 复制代码代码如下: if($("#test").is(":hidden")){ $("#test").show();    //如果元素为隐藏,则将它显现 }else{ $("#test").hide();     //如果元素为显现,则将其隐藏 } jQuery判断元素是否显示 是否隐藏 代码如下: var node=$('#id'); 第一种写法 代码如下: if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏  node.show(); }else{ node.hide(); } 第二种写法 代码如下: if(!node.is(':visible')){  //如果node是隐藏的则显示node元素,否则隐藏  node.show(); }else{ node.hide(); } if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示 node.hide(); }else{ node.show(); } jQuery判断对象是否显示或隐藏 Js代码 复制代码代码如下: // jQuery("#tanchuBg").css("display") // jQuery("#tanchuBg").is(":visible") // jQuery("#tanchuBg").is(":hidden") Js代码 代码如下: $(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false] Js代码 代码如下: $('element:hidden') $('element:visible') Js代码 代码如下: $(".item").each(function() { if ($(this).css("visibility") == "hidden") { // handle non visible state […]

龙生   16 Nov 2017
View Details

jQuery:checked Selector

Description: Matches all elements that are checked or selected. version added: 1.0jQuery( ":checked" ) The :checked selector works for checkboxes, radio buttons, and options of select elements. To retrieve only the selected options of select elements, use the :selected selector. Examples: Determine how many input elements are checked. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>checked demo</title> <style> div […]

龙生   16 Nov 2017
View Details

jquery操作复选框(checkbox)的12个小技巧总结

1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type=’checkbox']:checked").val(); 或者 $("input:[name=’ck']:checked").val(); 2、 获取多个checkbox选中项 $('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } }); 3、设置第一个checkbox 为选中值 $('input:checkbox:first').attr("checked",’checked'); 或者 $('input:checkbox').eq(0).attr("checked",’true'); 4、设置最后一个checkbox为选中值 $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); 5、根据索引值设置任意一个checkbox为选中值 $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2…. 或者 $('input:radio').slice(1,2).attr('checked', 'true'); 6、选中多个checkbox同时选中第1个和第2个的checkbox $('input:radio').slice(0,2).attr('checked',’true'); 7、根据Value值设置checkbox为选中值 $("input:checkbox[value=’1′]").attr('checked',’true'); 8、删除Value=1的checkbox $("input:checkbox[value=’1′]").remove(); 9、删除第几个checkbox $("input:checkbox").eq(索引值).remove();索引值=0,1,2…. 如删除第3个checkbox: $("input:checkbox").eq(2).remove(); 10、遍历checkbox $('input:checkbox').each(function (index, domEle) { //写入代码 }); 11、全部选中 $('input:checkbox').each(function() { $(this).attr('checked', true); }); 12、全部取消选择 $('input:checkbox').each(function () { $(this).attr('checked',false); }); from:http://www.jb51.net/article/46469.htm

龙生   16 Nov 2017
View Details

jQuery判断checkbox是否选中的3种方法

from:https://www.cnblogs.com/youmingkuang/p/5864190.html

龙生   16 Nov 2017
View Details

jQuery 判断页面元素是否存在的代码

例如: 代码如下: document.getElementById("someID").innerText("hi"); 如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 正确的写法应该是: 代码如下: obj = document.getElementById("someID"); if (obj){ obj.innerText("hi"); } 那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是: 代码如下: if ($("#someID")){ $("#someID").text("hi"); } 可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID") 总是TRUE ,IF语句没有起到任何判断作用。正确的写法应该是: 代码如下: if ( $("#someID").length > 0 ) { $("#someID").text("hi"); } 注意 :判断某个页面元素存在与否在jQuery实际上是没有必要的,jQuery本身会忽略 对一个不存在的元素进行操作,并且不会报错。 代码如下: $(document).ready(function(){ var value=$('#btn_delXml').length; if(value>0) { alert('Extsts'); } else { alert('not Extsts'); } }) 下面是其它说明虽然类似,但有些文字说明 有的时候,要根据页面加载的内容不同而作不同的操作,这个时候,判断页面上是否存在这个元素(或对象)变得尤为重要。如果写JavaScript来实现,较为麻烦,而jQuery却能很容易的实现这个功能。 我们知道,jQuery选择器获取页面的element时,无论element是否存在,都会返回一个对象。例如: var my_element = $("#element_Id" ) 此时的变量my_element就是一个对象,既然是一个对象,这个对象就具有length的属性,因此,用以下代码可以判断元素(对象)是否存在: 代码如下: if(my_element.length>0){ alert("element is exist."); }else{ alert("element not be found"); } from:http://www.jb51.net/article/19646.htm

龙生   16 Nov 2017
View Details
1 27 28 29 59