Javascript는 단어 표시 및 단어 검색 기능을 구현합니다.javascript 기술-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

Javascript는 단어 표시 및 단어 검색 기능을 구현합니다.javascript 기술

May 16, 2016 pm 07:18 PM

复代码码代码如下:

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 전환//EN">  
<html>  
<머리>  
<title>제목 없는 문서</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  

<본문>  


<SCRIPT 언어=javascript>  
<!--  

document.body.onload=adddiv;  
document.onmousedown=recordobj;  
document.ondblclick=dbclick;  
document.onmouseup=showselect;  
var starobj,isdb=false,allow=true;  

function isallow()  
{  
if(allow){  
allow=false;  
alert('닫혀 있음');  
}  
else{  
allow=true;  
alert('열려 있음');  
}  

}  

함수 dbclick()  
{  
isdb=true;  
}  
함수 recordobj()  
{  
starobj=event.srcElement;  
}  
function showselect() {  
var str="";  
if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==starobj&&!isdb&&allow)  
{  
var oText=document.selection.createRange( );  

if(oText.text.length>0)  
{  
str=oText.text;  
oText.text="BuB" oText.text "EuE";  
}  


oText.select();  
event.srcElement.innerHTML=event.srcElement.innerHTML.replace("BuB","<u style='FONT-WEIGHT: bold;COLOR: #ff3366'>").replace("EuE", "</u>");  

}  

searchgoogle(str)  
isdb=false;  
}  

function searchgoogle(str)  
{  
var obj=document.getElementById("searchgoogle");  
if(str.length>0)  
{  
obj.style.display="block";  
obj.style.position="절대";  
obj.style.zindex=999;  
obj.style.posTop=document.body.scrollTop event.y-25;  
obj.style.posLeft=document.body.scrollLeft event.x 5;  
obj.style.widht=80;  
obj.innerHTML="<a target=_blank href=http://www.google.com/search?ie=UTF-8&oe=UTF-8&q=" str " style='BORDER-RIGHT: royalblue thin 단색;  테두리-상단: 로얄블루 얇은 단색;  테두리-왼쪽: 로얄블루 얇은 단색;  색상: #ffffff;  BACKGROUND-COLOR : inactivecaption;  텍스트 장식: 없음'>검색하세요!</a>";  

}  
else  
{  
obj.style.display="none";  
}  
}  

function adddiv()  
{  
var mobj = document.createElement("div");  

mobj.id="searchgoogle";  

document.body.appendChild(mobj);  
}  

//-->  
</SCRIPT>  
<INPUT type="button" onclick="isallow()" value="关闭/打开划词功能">  
<p>qrasfdasfasfdasfsafasdfsafsafasdfasdfasd</p>  
</body>  
</html> 