如何使用js获取选中内容(包含html标签)_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
5
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 6322 | 回复: 4   主题: 如何使用js获取选中内容(包含html标签)        下一篇 
_chen
版主
等级:中校
经验:2139
发帖:39
精华:0
注册:2013-8-23
状态:离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于: IP:您无权察看 2014-10-8 18:24:15 | [全部帖] [楼主帖] 楼主

如题,求助大神,如何使用js获取iframe中选中的内容(包含html标签)

北京联动北方科技有限公司




赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6070
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2014-10-10 11:49:02 | [全部帖] [楼主帖] 2  楼

IE:document.selection
FireFox:window.getSelection()


document.selection只有IE支持,window.getSelection()也只有FireFox和Safari支持,都不是标准语法。
一个小例子
页面1:1.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>获取iframe中选中内容</title>
</head>
<script language="JavaScript">
window.onload=function()
{
      document.getElementById('txt1').onclick = function(){
            var strCont = '';
            if(document.getElementById('content').contentWindow.document.selection)
            {
                  strCont = document.getElementById('content').contentWindow.document.selection.createRange().htmlText;
            }else{
            var container = document.createElement('div');
            var range = document.getElementById('content').contentWindow.getSelection();
            container.appendChild(range.getRangeAt(0).cloneContents());
            strCont = container.innerHTML;
      }
      alert('选中的html为:'+strCont);
}
}
</script>
<body>
<input type="button" value='显示内容' id="txt1">
<iframe name='content' id='content' src="2.html"></iframe>
</body>
</html>


页面2:2.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>iframe内容页面</title>
</head>
<body>
这里是以在IE中获取用户选择的这里是以在IE中获取用户选择的这里是以在IE中获取用户选择的这里是以在IE中获取用户选择的<br>
这里是以在IE中获取用户选择的
</body>
</html>


分别在IE和FF下运行页面1.html,可以看到弹出的内容包含html标签


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
qq_1414636597636
注册用户
等级:新兵
经验:28
发帖:0
精华:0
注册:2014-10-30
状态:离线
发送短消息息给qq_1414636597636 加好友    发送短消息息给qq_1414636597636 发消息
发表于: IP:您无权察看 2015-1-20 17:03:15 | [全部帖] [楼主帖] 3  楼

北京联动北方科技有限公司顶一个,好例子,一直在找相关问题的解决方法


赞(0)    操作        顶端 
running
注册用户
等级:中尉
经验:491
发帖:0
精华:0
注册:2015-1-20
状态:离线
发送短消息息给running 加好友    发送短消息息给running 发消息
发表于: IP:您无权察看 2015-1-20 23:55:09 | [全部帖] [楼主帖] 4  楼

北京联动北方科技有限公司



赞(0)    操作        顶端 
rui.yuan
注册用户
等级:中校
经验:1637
发帖:29
精华:0
注册:1970-1-1
状态:离线
发送短消息息给rui.yuan 加好友    发送短消息息给rui.yuan 发消息
发表于: IP:您无权察看 2015-1-21 9:24:18 | [全部帖] [楼主帖] 5  楼

北京联动北方科技有限公司膜拜啦



赞(0)    操作        顶端 
总帖数
5
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论