selection.createRange() 用法例子
最後更新:2018-12-06
來源:互聯網
上載者:User
selection.createRange() 用法例子
<Script Language="JavaScript">
function addLink(){
var oRange = document.selection.createRange();
if(oRange.text!=’’){
var oUrl = window.prompt(’連結網址...’,’http://www.163.com/’);
var oHtml = ’<a href=’+oUrl+’ target=_blank>’+oRange.text+’</a>’;
oRange.pasteHTML(oHtml);
}else{
window.alert(’您沒有選擇加連結的文字!’);
}
}
</Script>
網易 新浪 搜狐<br><br>
<input type="button" value="添加連結" onclick="addLink();">
<Script Language="JavaScript" defer>
function addLink(){
var oRange = self[’oIframe’].document.selection.createRange();
if(oRange.htmlText!=’’){
var oUrl = window.prompt(’連結網址...’,’http://www.51js.com/’);
var oHtml = ’<a href=’+oUrl+’ target=_blank>’+oRange.htmlText+’</a>’;
oRange.pasteHTML(oHtml);
}else{
window.alert(’您沒有選擇加連結的文字或圖片!’);
}
}
function editLink(){
self[’oIframe’].document.designMode = ’on’;
}
function seeLink(){
self[’oIframe’].document.designMode = ’off’;
}
self[’oIframe’].document.designMode = ’on’;
</Script>
<table>
<tr>
<td>
<iframe id="oIframe" src="about:無憂指令碼 網易 新浪 <img src=’http://www.51js.com/images/avatars/14.gif’>"></iframe>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="編輯模式" onclick="editLink();">
<input type="button" value="預覽模式" onclick="seeLink();">
<input type="button" value="添加連結" onclick="addLink();">
</td>
</tr>
</table>
請選擇把替換的文字,或者點擊要插入的位置
<SCRIPT LANGUAGE="JavaScript">
//代碼作者:寶玉
<!--
document.onclick =function(){
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML("<font color=red>插入的文字</font>");
}
}
//-->
</SCRIPT>