A. 在js中如何實現改變字體的功能
document.getElementById("p1").style.fontSize="13px";
document.getElementById("p1").style.fontFamily="your font";
B. js如何修改button上的文字
<inputname="s1"type="submit"id="s1"value="下一步"onclick="changeValue();"/>
<scriptlanguage="javascript">
functionchangeValue(){
varbtnVal=document.getElementById("s1");
if(btnVal.value=="下一步")
{
btnVal.value="處理中…";
}
else
alert("正在處理中，請您稍等。");
}
</script>
C. 如何用javascript編寫一個可以改變字體大小的程序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<input type="button" value="變大" onclick="change(5)" />
<input type="button" value="變小" onclick="change(-5)"/>
<div id="my_text">文字文字文字</div>
<script type="text/javascript">
textSize = 12;
textDiv = document.getElementById("my_text");
textDiv.style.fontSize = textSize + "px";
function change(i){
textSize+=i;
textDiv.style.fontSize = textSize + "px";
}
</script>
</body>
</html>
D. js源代碼 如何定時更換頁面文字
<body>
<SCRIPT language=javascript>
<!--
var timer1;
var i=0;
timer1 = setInterval("myval()",2000);
function myval()
{
i+=1;
if(i>3)
{
i=1;
}
var show;
if (i==1)
{show = "hello";}
else if(i==2)
{show="ABC";}
else
{show="EDFEEEW";}
label1.innerText = show;
}
-->
</SCRIPT>
<DIV id=label1 title=hello style="DISPLAY: inline; WIDTH: 70px; HEIGHT: 15px" ms_positioning="FlowLayout">Label</DIV>
</body>
這段腳本可以每隔2秒鍾依次在Label上顯示「Hello」,「Bye」,「OK」文字。主要原理就是利用了setInterval函數，該函數的用法如下：
setInterval(expression,msec,[language])
expression-要執行的過程；msec時間間隔；language可選項，為指定的語言。
E. js實現動態改變字體大小代碼
在很多大網站上為了提高用戶方便閱讀文字，都提供有字體大小選擇功能，以適應不同年齡段人群的閱讀需求，其實這種功能實現起來也很簡單，修改起來也方便，字體大號由你來定，默認字體大小可以CSS頁面中定義，一般網頁的標准字體是9pt，也就是12px；
實例代碼一：
<!DOCTYPE
html>
<html>
<head>
<title>修改字體大小.html</title>
<meta
http-equiv="keywords"
content="keyword1,keyword2,keyword3">
<meta
http-equiv="description"
content="this
is
my
page">
<meta
http-equiv="content-type"
content="text/html;
charset=UTF-8">
<!--<link
rel="stylesheet"
type="text/css"
href="./styles.css">-->
<style
type="text/css">
div{
border:1px
red
solid;
width:455px;
font-size:16px;
}
.max{
font-size:20px;
}
.moren{
font-size:16px;
}
.min{
font-size:12px;
}
</style>
<script
type="text/javascript">
//此種方式降低了js和CSS的耦合性
function
changeFontSize(fontStyle){
//
獲取節點對象
var
divNode
=
document.getElementsByTagName("div")[0];
//
設置該節點的Name屬性以及屬性值
divNode.className=fontSize;
}
/*
function
changeFontSize2(fontSize){
//
獲取節點對象
var
divNode
=
document.getElementsByTagName("div")[0];
divNode.style.fontSize=fontSize;
}
*/
</script>
</head>
<body>
<a
href="javascript:void(0)"
onclick="changeFontSize2('20px')"
class="max">大號</a>
<a
href="javascript:void(0)"
onclick="changeFontSize2('16px')"
class="moren">中號</a>
<a
href="javascript:void(0)"
onclick="changeFontSize2('12px')"
class="min">小號</a>
<div>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
這里呢就是顯示的文字，通過點擊上面的超鏈接改變此字體大小<br/>
</div>
</body>
</html>
實例方法二：
<html>
<head>
<title>JavaScript設置網頁字體</title>
<style>
body{
font-size:9pt;
}
</style>
</head>
<body>
<div
id=zoom>這是一段示例文字，你可以點擊下邊選擇不同字型大小的字體，這段文字會隨即改變大小。腳本之家。</div>
<SCRIPT
language=JavaScript>
function
doZoom(size){
document.getElementById('zoom').style.fontSize=size+'pt'
}
</SCRIPT>
<P
align=right>選擇字型大小：[
<A
href="javascript:doZoom(13)">13pt（超大）</A>
<A
href="javascript:doZoom(10.5)">10.5pt（中型）</A>
<A
href="javascript:doZoom(9)">9pt（標准）</A>
]
</body>
</html>
F. 如何用js改變字體的顏色
用js獲取當前的color的值，然後判斷是否等於紅色，如果等於則賦值為黑色，不等於則賦值為紅色
js的寫法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.redColor{
color: red;
}
.blackColor{
color: black;
}
</style>
</head>
<body>
<span id="showZi" class="redColor">測試測試測試</span>
<button id="btn">按鈕</button>
<script type="text/javascript">
var obj = document.getElementById("showZi");
document.getElementById("btn").onclick = function(){
if(obj.className=="redColor"){
obj.className = "blackColor";
}else{
obj.className = "redColor";
}
}
</script>
</body>
</html>
jQuery的寫法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../common/js/jquery-2.1.3.min.js" type="text/javascript"></script>
<style>
.redColor{
color: red;
}
.blackColor{
color: black;
}
</style>
</head>
<body>
<span id="showZi" class="redColor">測試測試測試</span>
<button id="btn">按鈕</button>
<script type="text/javascript">
var obj = $("#showZi");
$("#btn").click(function(){
if(obj.hasClass("redColor")){
obj.removeClass("redColor").addClass("blackColor");
}else{
obj.removeClass("blackColor").addClass("redColor");
}
});
</script>
</body>
</html>