当前位置:千赢国际官网 > 千赢网页手机版登入 > js自定义方法通过隐藏iframe实现文件下载,jQuer

js自定义方法通过隐藏iframe实现文件下载,jQuer

文章作者:千赢网页手机版登入 上传时间:2019-08-03

/* 在css中 */
.JS #myDiv{display:none;}

您可能感兴趣的文章:

  • js中自定义方法实现停留几秒sleep
  • 类似php的js数组的in_array函数自定义方法
  • 在服务端(Page.Write)调用自定义的JS方法详解
  • JS 自定义函数缺省值的设置方法
  • Javascript 中创建自定义对象的方法汇总
  • javascript自定义的addClass()方法
  • JavaScript格式化日期时间的方法和自定义格式化函数示例
  • Javascript创建自定义对象 创建Object实例添加属性和方法
  • Javascript remove 自定义数组删除方法
  • JS自定义对象实现Java中Map对象功能的方法

图片 1

复制代码 代码如下:

通过隐藏iframe实现文件下载的js方法

图片 2
需求4:把ul的第二个孩子的字体颜色变为红色

App.hiddenDivs = $('div.hidden');
// 之后在你的应用中调用:
App.hiddenDivs.find('span');

复制代码 代码如下:

$("div ul").children("li").css("color","red");//所有li的文字都变成了红色

  1. 编写属于你的选择器
    如果你经常在代码中使用选择器,那么扩展jQuery的$.expr[':']对象吧,编写你自己的选择器。下面的例子中,我创建了一个abovethefold选择器,用来选择不可见的元素:

<script>
function download()
{
//下载文件的地址
var url="";
document.getElementById("ifile").src=url;
}
</script>
<a href="#" onclick="download()">download</a>
<iframe id="ifile" style="display:none"></iframe>

要第二个孩子变红,为什么是eq(1)呢?因为顺序号是从0开始的,第一个孩子的序号是0,所以第二个孩子的序号就是1咯。

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

jQuery的选择包含两种,一种是选择器,一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。

  1. 采用find(),而不使用上下文查找
    .find()函数的确快些。但是如果一个页面有许多DOM节点时,需要来回查找时,可能需要更多时间:

$("div").children("li").css("color","red");//失败!

// 在Firebug记录执行代码时间
$.lt();
$('div');
$.lt();

$("div ul")是一个联级选择器,意思是选择div下面的ul,这里不详细解释。

复制代码 代码如下:

图片 3

$('#head').data('name', 'value');
// 之后在你的应用中调用:
$('#head').data('name');

图片 4

复制代码 代码如下:

复制代码 代码如下:

用ID来修饰ID也是画蛇添足:

复制代码 代码如下:

  1. 在class前面使用tag
    jQuery中第二快的选择器就是tag选择器(如$(‘head')),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)

复制代码 代码如下:

复制代码 代码如下:

.children(expr)

$('<style type="text/css"> div.class { color: red; } </style>')
.appendTo('head');

二行都变红]

  1. jQuery单元测试
    测试JavaSript代码最好的方法就是人来测试。但你可以使用一些自动化的工具如Selenium,Funcunit,QUit,QMock来测试你的代码(尤其是插件)。我想在另外一个专题来讨论这个话题因为实在有太多要说的了。
  2. 标准化你的jQuery代码
    经常标准化你的代码,看看哪个查询比较慢,然后替换它。你可以用Firebug控制台。你也可以使用jQuery的快捷函数来使测试变得更容易些:

您可能感兴趣的文章:

  • angularjs 实现带查找筛选功能的select下拉框实例
  • Angularjs实现带查找筛选功能的select下拉框示例代码
  • AngularJs页面筛选标签小功能
  • iOS仿Uber筛选栏效果
  • js实现表格筛选功能
  • jquery遍历数组与筛选数组的方法
  • jquery遍历筛选数组的几种方法和遍历解析json对象
  • JQuery筛选器全系列介绍
  • Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
  • angular实现商品筛选功能

jQuery中class选择器是最慢的,因为在IE浏览器下它会遍历所有的DOM节点。尽量避免使用class选择器。也不要用tag来修饰ID。下面的例子会遍历所有的div元素来查找id为'content'的那个节点:

$("div").children("h2").css("color","red");//所有h2标题的文字都变成了红色

$('HTML').addClass('JS');

细一看发现只有“猜你喜欢”模块的第二行变了,“热门推荐”的第二行没变,为什么呢?因为children筛选器筛选出来的孩子是在一块排序的,所以“热门推荐”的第二行就变成了老7,要想变红可以这么写:

  1. 缓慢载入内容不仅能提高载入速度,也能提高SEO优化 (Lazy load content for speed and SEO benefits)
    使用Ajax来载入你的网站吧,这样可以节约服务器端载入时间。你可以从一个常见的侧边栏widget开始。

复制代码 代码如下:

// 链接特定版本的压缩代码
<script type="text/javascript" src=";

总结一下:children是一个筛选器,找到当前jQuery对象的孩子,children(expr)中的expr是表达式,加了expr之后符合expr的孩子才会留下来,不符合的就干掉了。children只能找孩子,要想找孙子辈的、重孙子辈的,那就得用 find 筛选器。

复制代码 代码如下:

需求2:把所有的div的孩子中是h2标签的字体颜色变为红色

var receiveNewsletter = $('#nslForm input.on');

children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子。

  1. 利用强大的链式操作
    采用jQuery的链式操作比缓存选择器更有效:

<body>
<div id="main">
<div id="like" class="rightbar">
<h2>猜你喜欢</h2>
<ul>
<li>海飞丝洗头膏</li>
<li>六神花露水</li>
<li>舒肤佳香皂</li>
<li>心相印纸巾</li>
<li>哇哈哈矿泉水</li>
<li>王老吉</li>
</ul>
</div>
<div id="hot" class="rightbar">
<h2>热门推荐</h2>
<ul>
<li>融氏橄榄油</li>
<li>帮宝适纸尿裤</li>
<li>有机大米</li>
<li>妙洁垃圾袋</li>
<li>优乐美奶茶</li>
<li>亲亲果冻</li>
</ul>
</div>
<div id="inner"></div>
</div>
</body>

复制代码 代码如下:

$("div").children().css("color","red");//所有的文字都变成了红色

// 在Firebug控制台记录数据的快捷方式
$.l($('div'));

完整的格式如下:

复制代码 代码如下:

$("div ul").children(":eq(1),:eq(7)").css("color","red");//猜你喜欢的第二行,热门推荐的第二行都变红

$.extend($.expr[':'], {
abovethefold: function(el) {
return $(el).offset().top < $(window).scrollTop() $(window).height();
}
});
var nonVisibleElements = $('div:abovethefold'); // 选择元素

<script type="text/javascript" language="javascript">
//此处为jQuery代码
</script>

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:js自定义方法通过隐藏iframe实现文件下载,jQuer

关键词: 千赢国际官网 www.qy8.vip