iframe的name属性

最新推荐文章于 2023-06-09 16:08:32 发布
原创 最新推荐文章于 2023-06-09 16:08:32 发布 · 885 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe #url

本文介绍了一种通过点击按钮打开新窗口，并利用iframe的name属性将新窗口内容定位到当前页面指定位置的方法。示例代码展示了如何使用windows.open()函数配合特定的iframe设置来实现这一功能。

 在页面中存在一个按钮，点击按钮的代码打开新窗口，为了让新打开的窗口显示在该页面制定的位置可以用iframe的name属性简单实现，例如按钮的代码为：windows.open(url,"template")，页面中iframe的写法为<iframe name="template"  target="_self"></iframe>

a标签的target属性配合iframe的name属性实现页面局部刷新功能
qq_45769329的博客
10-09 721
代码实现： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="${pageContext.request.contextPath}/...
关于iframe的name属性
diandi5157的博客
12-09 317
<frameid="1"name="main"<frameid="2" 加载后用JS动态修改为： <frameid="1"name=""<frameid="2"name="main" 对于<a target="main" />的链接怎么一样还是在1中打开呢 ？ 因为<a target="main" />是根据...
iframe的窗口名称（window对象的name属性）
GRAY_KEY的博客
02-25 3771
举个栗子： 现有一个 a.jsp 页面，通过 iframe 嵌套一个 b.jsp 页面。 对于 a.jsp 页面的窗口名称，可以在js脚本中通过 window.name 来获取； 而 b.jsp 这一嵌套页面，同样是在js脚本中通过 window.name 来获取，不同的是： 如果 a.jsp 页面中的 iframe嵌套语句 如下： &lt;iframe  src="/hello" &...
html name选择器,iframe标签的name属性
weixin_39669147的博客
06-03 551
如何用 iframe 中的 JavaScript 获取 iframe 本身这个要看有没有选择器了 如果有的话 比如 iframe 的id name class 获取其它标签都可以 有的话下面 比如这是a页面 叫index.html body{width:100%;}#emmm{height: 200px; width: 200px;}怎么获取iframe里的href标签 不能加id 和nameHT...
iframe的name的作用 target form
weixin_30299539的博客
11-13 147
在一个html页面中包含一个iframe,iframe的name="right", 想把点击完链接的返回页面显示在这个iframe里,可以用<a src="", target='right'>baidu</a>;想把表单提交之后的返回的页面显示到这个iframe里,可以用<from ... target="right">baidu</form&g...
iframe中的id和name
狼迹天涯的专栏
09-04 3454
name就作为这个iframe内嵌页面的window对象名，同时也是提供链接的targetid就仅是这个标签引用时用的                                                                                                                                 
IE中document.createElement的iframe无法设置属性name的解决方法
09-03
在Firefox等其他浏览器中，我们可以直接使用`iframe.name = 'ifr'`或`iframe.setAttribute('name', 'ifr')`来设置`name`属性，但在IE中，这些方法可能失效。 解决这个问题的一个方法是，直接在`document....
jquery得到iframe src属性值的方法
12-08
<iframe id="iframe_id" name="iframe_name" src="http://www.baidu.com"></iframe> ``` 在这段代码中，`jQuery`的选择器`$(window.parent.document)`被用来获取父窗口的`document`对象，因为`iframe`内的脚本...
iframe属性与用法
weixin_44161385的博客
03-03 3646
iframe 的常用属性： name ： 规定 的名称。 width： 规定 的宽度。 height ：规定 的高度。 src ：规定在 中显示的文档的 URL。 frameborder ： 规定是否显示 周围的边框。 (0为无边框，1位有边框)。 align ：　 规定如何根据周围的元素来对齐 。　(left,right,top,middle,bottom)。 scrolling ： 规定是否在 中显示滚动条。 (yes,no,auto) 案例： <div style="width: 100%;"&
form表单中的name属性
imkaifan的博客
08-27 1509
name属性如果给[ ]，在提交表单的时候会把多个name值自动组成数组提交 size属性表现为两种属性，一种是type为text和password,size表现为可见内容的宽度，其他类型的input框表现为以像素为单位的输入字段宽度； 常见用法： <p>PIN: <input type="text" name="pin" maxlength="2" size="2" /></p> 用maxlength配合size属性进行直接布局 注意size属性有兼容性问题，一般不要.
跨域--window.name + iframe
liuliuliu_666的博客
09-06 854
name在浏览器环境中是一个全局/window对象的属性，且挡在frame中加载新页面时，name的属性值依旧保持不变。 通过在iframe中加载一个资源，该目标页面将设置frame的name属性。此name属性值可被获取到，以访问web服务发送的信息。 但name属性仅对相同域名的frame可访问。这意味着为了访问name属性，当远程web服务页面被加载后，必须导航frame回到原始域。 同
动态创建iframe设置属性name问题
deng131的专栏
04-20 1266
通常iframe的name可以是link或者form的target，将link或form打开到这个iframe上。 在js中一般采用 [code="java"]var iframe = document.createElement('iframe'); iframe.setAttribute('name', 'node') or iframe.name ="node" [/code] ...
iframe中id与name的区别
itmgll的专栏
04-15 804
  id必须是唯一的，而name没有这个要求，html中大部分的tag都有这两个属性，因为在老的html文档里只有name属性，为了保持兼容性，所以两个属性都保持到了现在。 name就作为这个iframe内嵌页面的window对象名，同时也是提供链接的target；id就仅是这个标签引用时用的。
学会iframe并用其解决跨域问题
热门推荐
m0_59345890的博客
08-03 2万+
我们设置了一个名为ifr，宽为600，高为400，显示边框，隐藏滑动条，显示文档为b站（也可以选择本地html文档）的内联框架。我们可以在iframe标签中写上文字说明，因为有一些低版本浏览器不支持这个标签，显示不了文档的时候就会在页面显示我们写的文字。父页面通过iframe嵌入子页面，通过iframe.contentWindow获取子页面的window,即可操作子页面，子页面通过parent.window和parent来访问父页面的window。src:规定在 中显示的文档的 URL。...
前端之iframe详解
weixin_61597234的博客
06-09 925
iframe.contentDocument, 获取iframe的document对象。主要的两个API就是contentWindow,和contentDocument。iframe.contentWindow, 获取iframe的window对象。这两个API只是DOM节点提供的方式(即getELement系列对象)
iframe没有id和name属性时的定位技巧
weixin_42730854的博客
07-03 6791
首先：错误提示：no such element或者out of list，但是在谷歌浏览器中通过Ctrl+F确定该元素是真实存在的，很可能是frame的结果 解决方案 1、iframe元素中有id属性值：可以直接使用switch_to_frame(“name值”)或switch_to_frame(“id值”)的方法来进行定位。 2、没有可用的id或者name属性时，可以先按照元素的定位方法，把fr...
iframe的name属性用法（配合a标签的target属性实现页面局部刷新）
Robocop_Mao的博客
07-28 7241
iframe的name属性配合a标签target属性实现局部刷新：
【HTML基础-3】iframe框架详解及应用案例—实现页面嵌套
m0_64378913的博客
03-26 1万+
目录1 iframe框架概述2 iframe常用属性2.1 name属性2.2 src属性2.3 width属性2.4 height属性2.5 frameboder属性2.6 其他3 应用案例4 归纳参考文章 1 iframe框架概述 作用：< iframe > 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。即在一个页面中引入另一个页面，实现页面之间的嵌套。可以把需要的文本放置在 < iframe > 和 < /iframe
[前端] iframe及postMessage使用解析
网站前端/PHP/Android/其他
08-27 1万+
这篇主要讲iframe标签，对于frameset、frame、noframe标签就不讲了，因为在h5中已经不支持了。 一、iframe标签介绍： <iframe> 标签规定一个内联框架。 一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 二、iframe标签兼容： <iframe src="page_two.html" name="ifram...
iframe name
最新发布
03-11
### 关于 `iframe` 的 `name` 属性 在 HTML 中，`<iframe>` 标签的 `name` 属性定义了一个框架的名字。这个名称可以被其他元素（比如链接或者表单）用来指定目标窗口或框架[^2]。 #### 设置和获取 iframe 名称 当创建 `<iframe>` 时，可以通过设置其 `name` 属性来赋予特定名字： ```html <iframe src="demo_iframe.htm" name="exampleFrame"></iframe> ``` 此代码片段展示了如何给一个 iframe 赋予名为 "exampleFrame" 的名称。一旦设置了这个名字，在同一文档内的超链接就可以通过 target 属性指向该 iframe: ```html <a href="anotherPage.html" target="exampleFrame">Link Text</a> ``` 这会使得点击链接后的内容加载到具有相同名称的目标 iframe 内部而不是新开浏览器标签页或其他位置。 对于 JavaScript 访问带有特定名称的 iframe, 可以采用如下方式之一： - **方法一**: 使用 getElementById 获取 DOM 对象并进一步操作 contentWindow 或者 contentDocument 来访问其中的内容。 ```javascript var x = document.getElementById("myframe"); var y = (x.contentWindow || x.contentDocument); if (y.document) { y = y.document; } // Now you can manipulate the inner document of 'myframe' ``` - **方法二**: 利用 window.frames 数组按索引查找 iframe 实例，这里的键既可以是 iframe 的 name 值也可是它们按照出现顺序排列的位置编号。 ```javascript window.frames["iframeNameOrIndex"] ``` 这两种技术都允许开发者与嵌入式页面交互以及控制其行为[^1]。 #### 表单提交至指定 iframe 除了作为导航链接的目的地之外，`<iframe>` 还能成为 `<form>` 提交数据后的显示容器。只需简单地将 form 元素的 `target` 属性设为相应 iframe 的 `name` 即可实现这一点: ```html <form action="/submitForm.php" method="post" target="resultFrame"> <!-- Form fields go here --> <button type="submit">Submit to iFrame</button> </form> <iframe name="resultFrame" id="resultFrame"></iframe> ``` 上述例子说明了怎样配置一个简单的 HTML 表单使其结果展示在一个叫作 resultFrame 的 iframe 当中。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值