单词语音音标正则式查询分析JavaScript应用

发布时间：2020-12-14 04:20:51 所属栏目：百科来源：网络整理

导读：可以使用正则表达式查询音标 !DOCTYPE htmlhtmlheadmeta charset="utf-8"meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/titlephonetics/titlestyle type="text/css"body{back

可以使用正则表达式查询音标

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>phonetics</title>
<style type="text/css">
body{
	background-color:#CCCCCC;
	padding:50px;
	font-family:IPAPANNEW;
}
button{
	margin:5px;
}
</style>
<script type="text/javascript" src="pronunciation.js"></script>
<script type="text/javascript">
function $(id){
	return document.getElementById(id);
}
function search(){
	var regString=$("regString").value;
	var reg=new RegExp(regString,"ig");
	var resultArray=new Array();
	for(var word in phonetics){
		var pronunciation=phonetics[word];
		var pass=reg.test(pronunciation);
		if(pass){
			resultArray.push(word+" : "+pronunciation);
		}
	}
	
	var resultCount=resultArray.length;
	$("resultDiv").innerHTML="找到匹配单词"+resultCount+"个"+"<hr>"+resultArray.join("<br/>").replace(/$/g,"");
	
	


}
</script>
</head>

<body>
<input id="regString" type="text" placeholder="在此输入音标正则表达式查询对应单词" onkeypress="if(event.keyCode==13){search()}" value="" />
<button onclick="search()">search</button>
<button onclick="$('regString').value=''">clear</button>

<br/><br/>

<button onclick="$('regString').value+=this.innerHTML">i?</button>
<button onclick="$('regString').value+=this.innerHTML">i</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">e</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">ɑ?</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">u</button>
<button onclick="$('regString').value+=this.innerHTML">u?</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>

<br/>

<button onclick="$('regString').value+=this.innerHTML">e?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>
<button onclick="$('regString').value+=this.innerHTML">o?</button>
<button onclick="$('regString').value+=this.innerHTML">a?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>
<button onclick="$('regString').value+=this.innerHTML">a?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>
<button onclick="$('regString').value+=this.innerHTML">e?</button>
<button onclick="$('regString').value+=this.innerHTML">??</button>

<button onclick="$('regString').value+=this.innerHTML">[</button>
<button onclick="$('regString').value+=this.innerHTML">^</button>
<button onclick="$('regString').value+=this.innerHTML">]</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>


<br/><br/>

<button onclick="$('regString').value+=this.innerHTML">p</button>
<button onclick="$('regString').value+=this.innerHTML">b</button>
<button onclick="$('regString').value+=this.innerHTML">t</button>
<button onclick="$('regString').value+=this.innerHTML">d</button>
<button onclick="$('regString').value+=this.innerHTML">k</button>
<button onclick="$('regString').value+=this.innerHTML">g</button>
<button onclick="$('regString').value+=this.innerHTML">t?</button>
<button onclick="$('regString').value+=this.innerHTML">d?</button>
<button onclick="$('regString').value+=this.innerHTML">f</button>
<button onclick="$('regString').value+=this.innerHTML">v</button>
<button onclick="$('regString').value+=this.innerHTML">θ</button>
<button onclick="$('regString').value+=this.innerHTML">e</button>

<br/>

<button onclick="$('regString').value+=this.innerHTML">s</button>
<button onclick="$('regString').value+=this.innerHTML">z</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">h</button>
<button onclick="$('regString').value+=this.innerHTML">m</button>
<button onclick="$('regString').value+=this.innerHTML">n</button>
<button onclick="$('regString').value+=this.innerHTML">?</button>
<button onclick="$('regString').value+=this.innerHTML">l</button>
<button onclick="$('regString').value+=this.innerHTML">r</button>
<button onclick="$('regString').value+=this.innerHTML">j</button>
<button onclick="$('regString').value+=this.innerHTML">w</button>

<br/><br/>

<div id="resultDiv"></div>

</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!