//定義"取消設置"的函數
function clearSet(){
var what = confirm("確定取消設置？");
if(what==true){
title.removeAttribute("style");
content.removeAttribute("style");
}
}
function clearSet(){
var what = confirm("確定取消設置？");
if(what==true){
title.removeAttribute("style");
content.removeAttribute("style");
}
}
<script type="text/javascript">
var mychar = document.getElementById("con");
mychar = style.color="red"; //顏色改為紅色
mychar = style.backgroundColor ="#CCC";//背景改為灰色
mychar = style.width="300px";//將P標簽的寬開為300像素
</script>
//有時候頁面不變化，如果想看效果可以將上面的代碼拷貝編輯器里面然后運行就可以看到效果了
var mychar = document.getElementById("con");
mychar = style.color="red"; //顏色改為紅色
mychar = style.backgroundColor ="#CCC";//背景改為灰色
mychar = style.width="300px";//將P標簽的寬開為300像素
</script>
//有時候頁面不變化，如果想看效果可以將上面的代碼拷貝編輯器里面然后運行就可以看到效果了
2015-10-12
function openwindow(){
var one =confirm("是否打開新的網頁");
if（one=true){
var two=prompt("你要打開的網址為:","http：//www.xianlaiwan.cn/");
window.open(ap,'_blank','width=400,height=500,toolbar=no,menubar=no,top=50,left=0');
}
else
{ null;
}
}
var one =confirm("是否打開新的網頁");
if（one=true){
var two=prompt("你要打開的網址為:","http：//www.xianlaiwan.cn/");
window.open(ap,'_blank','width=400,height=500,toolbar=no,menubar=no,top=50,left=0');
}
else
{ null;
}
}
<script type="text/javascript">
var mychar=document.getElementById("con") ;
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
mychar.innerHTML="New text"//將mychar獲取的內容進行修改
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
</script>
var mychar=document.getElementById("con") ;
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
mychar.innerHTML="New text"//將mychar獲取的內容進行修改
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
</script>
2015-10-12
<p id="con">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hidetext()" value="隱藏內容" />
<input type="button" onclick="showtext()" value="顯示內容" />
</form>
<form>
<input type="button" onclick="hidetext()" value="隱藏內容" />
<input type="button" onclick="showtext()" value="顯示內容" />
</form>
2015-10-12
function hidetext()
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="block";
}
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="block";
}
2015-10-12
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
2015-10-12
<script type="text/javascript">
function Wopen(){
window.open('http://www.xianlaiwan.cn','_blank','width=600,height=400,top=100,left=0')
}
</script>
</head>
<body>
<input name="button" type="button" onClick="Wopen()" value="點擊我，打開新窗口!" / >
</body>
</html>
function Wopen(){
window.open('http://www.xianlaiwan.cn','_blank','width=600,height=400,top=100,left=0')
}
</script>
</head>
<body>
<input name="button" type="button" onClick="Wopen()" value="點擊我，打開新窗口!" / >
</body>
</html>
2015-10-12
<script type="text/javascript">
function rec(){
var mymessage=confirm("你是女士嗎？");
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
function rec(){
var mymessage=confirm("你是女士嗎？");
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
2015-10-12
confirm 消息對話框通常用于允許用戶做選擇的動作，如：“你對嗎？”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
語法:
confirm(str);
參數說明:
str：在消息對話框中要顯示的文本
返回值: Boolean值
返回值:
當用戶點擊"確定"按鈕時，返回true
當用戶點擊"取消"按鈕時，返回false
語法:
confirm(str);
參數說明:
str：在消息對話框中要顯示的文本
返回值: Boolean值
返回值:
當用戶點擊"確定"按鈕時，返回true
當用戶點擊"取消"按鈕時，返回false
2015-10-12
語法:
alert(字符串或變量);
看下面的代碼:
<script type="text/javascript">
var mynum = 30;
alert("hello!");
alert(mynum);
</script>
注:alert彈出消息對話框(包含一個確定按鈕)。
alert(字符串或變量);
看下面的代碼:
<script type="text/javascript">
var mynum = 30;
alert("hello!");
alert(mynum);
</script>
注:alert彈出消息對話框(包含一個確定按鈕)。
2015-10-12
<script type="text/javascript">
function contxt() //定義函數
{
alert("哈哈，調用函數了!");
}
</script>
</head>
<body>
<form>
<input type="button" value="點擊我" onclick="contxt()" />
</form>
function contxt() //定義函數
{
alert("哈哈，調用函數了!");
}
</script>
</head>
<body>
<form>
<input type="button" value="點擊我" onclick="contxt()" />
</form>
2015-10-12
如何定義一個函數呢？基本語法如下:
function 函數名()
{
函數代碼;
}
說明:
1. function定義函數的關鍵字。
2. "函數名"你為函數取的名字。
3. "函數代碼"替換為完成特定功能的代碼。
function 函數名()
{
函數代碼;
}
說明:
1. function定義函數的關鍵字。
2. "函數名"你為函數取的名字。
3. "函數代碼"替換為完成特定功能的代碼。
2015-10-12