js中iframe的用法

最近遇到的项目总是习惯左边一个树,点击每个树的节点右边出现相应的信息,遇到这种情况用iframe还是很简单的,

例如 : 页面文件

 1 @section Tree{
 2     <ul id="tree">
 3     </ul>
 4
 5 }
 6 @section Search
 7 {
 8 }
 9 <input id="clickassets" type="hidden" value="@ViewBag.url" />
10 <div class="g_tgCenterGrid" data-options="region:‘center‘,border:1" id="dvGrid">
11     <iframe marginwidth="0" src="@Url.Content("~/System/MachineConfig")" nodeId="00302" style="width: 100%; height: 750px" name="i" id="urlIframe"
12         frameborder="0" scrolling="no"></iframe>
13 </div>

js文件

 1    $.ajax({
 2                     dataType: "text",
 3                     url: TY.Root + "System/MachineConfigInfo?RowId=" + nodeid + "&m_name=" + noidtext,
 4                     type: "post",
 5                     success: function (result) {
 6
 7                         if (result != null && result != "") {
 8                             var da = result.split(",");
 9                             var me = this;
10                             $("#dvGrid").html("<iframe marginwidth=‘0‘ src=‘MachineConfig?nodeId=" + da[0] + ‘,‘ + da[1] + ‘&RowId=‘ + da[0] + ‘&m_name=‘ + da[1] + "‘ style=‘width: 100%; height: 750px‘ name=‘i‘ id=‘urlIframe‘ frameborder=‘0‘ scrolling=‘no‘></iframe>");
11
12                         }
13                     }
14
15                 });

传递到该页面后,接收iframe传递过来的参数

 1       if (location.href.indexOf("?nodeId=") > -1) {
 2                 var ids = request(‘nodeId‘);
 3                 var da = ids.split(",");
 4                      }
 5
 6
 7
 8 //获取url的参数
 9         function request(strParame) {
10             var args = new Object();
11             var query = location.search.substring(1);
12
13             var pairs = query.split("?"); // Break at ampersand
14             for (var i = 0; i < pairs.length; i++) {
15                 var pos = pairs[i].indexOf(‘=‘);
16                 if (pos == -1) continue;
17                 var argname = pairs[i].substring(0, pos);
18                 var value = pairs[i].substring(pos + 1);
19                 value = decodeURIComponent(value);
20                 args[argname] = value;
21             }
22             return args[strParame];
23         }

时间: 2024-10-28 05:01:53

js中iframe的用法的相关文章

js中||和&amp;&amp;的用法

在js中&&.||不一定都是用来判断一个表达式的逻辑值是true.false,更多的是用来依据真值或者假值执行相应操作! a() && b() :如果执行a()后返回true,则执行b()并返回b的值:如果执行a()后返回false,则整个表达式返回a()的值,b()不执行:a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行:如果执行a()后返回false,则执行b()并返回b()的值:&& 优先级高于 || 如下

[转载]js中return的用法

一.返回控制与函数结果,语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二.返回控制,无函数结果,语法为:return;  在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.    Return False 就相当于终止符,Return True 就相当于执行符.    在js中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发

JQuery之append和appendTo的区别,还有js中的appendChild用法

JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $('#a').append('content'); $('<div>content</div>').appendTo($('#a')); 注意appendTo前面一定要是Jquery对象. appendChild(Node)这个 方法一般是在指定元素节点的最后一个子节点

js中indexof的用法详细解析

本篇文章主要是对js中indexof的用法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检查指定数量的字符位置. 参数 value 要查找的 Unicode 字符. 对 value 的搜索区分大小写. startIndex(Int32) 可选项,搜索起始位置.不设置则从0开始. count(Int32) 可选项,要

浅谈JS中 reduce() 的用法

过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它.事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce() 的用法. 一.语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中, arr 表示原数组: prev 表示上一次调用回调时的返回值,或者初始值 init; cur 表示当前正在处理的数组元素: index 表示当前正在处理的数

JS中的this用法详解

随着对js的深入学习和使用,你会发现它里面包含了很多令人困惑的机制,比如对象.闭包.原型链继承等等,而这其中肯定包含令你现在或者曾经费解的this,如果你不把心一横,花点时间还真不明白这个this的用法,下面这篇文章来详细探讨下: 1.this是啥? 简言之,this是JavaScript语言中定义的众多关键字之一,它的特殊在于它自动定义于每一个函数域内,但是this到底指啥东西却让很多人张二摸不着头脑.这里我们留个小悬念,希望看完这篇文章了你能回答出来this到底指什么. 2.this有啥用?

JS中document.createElement()用法及注意事项

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 var inputObj    = document.createElement     ("<input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;'" readonly >&

js中escape的用法----前端页面简单加密

escape() 方法,它用于转义不能用明文正确发送的任何字符.比如,电话号码中的空格将被转换成字符 %20,从而能够在 URL 中传递这些字符. http://localhost:8080/a?name="+escape("aa")+"&password="+escape("中华人民共和国"); alert(s); js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个

js中with的用法及其优缺点

js中的with: with的语法结构为: with(object) { /* 语句 */ } with主要是用来对对象取值的, 如下 所示: with(obj) { var newa = a; var newb = b; console.log(newa+newb); } 该语句 等价于: var newa = obj.a: var newb = obj.b; console.log(newa+newb); with的 优点: 当with传入的值非常复杂时,即当object为非常复杂的嵌套结构