亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JavaScript入門篇

難度入門
時長 1小時35分
學習人數
綜合評分9.57
5511人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
function myconfirm(){
if(confirm("確定要取消設置嘛?")){
var mychar= document.getElementById("txt");
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";}}
function mywidth(){var mychar= document.getElementById("txt");
mychar.style.width="500px";
mychar.style.height="250px";
function myd(){
var mychar= document.getElementById("txt");
mychar.style.display="none";
}function myb(){
var mychar= document.getElementById("txt");
mychar.style.display="block";}
1.function mycolor(){
var mychar= document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
function hi(){

t.style.display="none";

}//定義"隱藏內容"的函數


function sh(){

t.style.display="block";

}
//定義"顯示內容"的函數
function qx(){

var con=confirm("確定取消嗎?");

if(con==true){

t.removeattribute('style');

}

}//定義"取消設置"的函數
function myexe5(){
var mychar=confirm("點擊還原");
if(mychar==true){
document.getElementById("con").removeAttribute("style");
document.getElementById("txt").removeAttribute("style");
}//定義"取消設置"的函數
}
function wh(){

t.style.width="red";
t.style.height="#ccc";
} //定義"改變寬高"的函數
<script type="text/javascript">
var t=document.getElementById("txt");

function col(){

t.style.color="red";

t.style.backgroundColor="#ccc";

}//定義"改變顏色"的函數
<input type="button" value="改變顏色"onclick="col()" >
<input type="button" value="改變寬高"onclick="wh()" >
<input type="button" value="隱藏內容"onclick="hi()" >
<input type="button" value="顯示內容" onclick="sh()" >
<input type="button" value="取消設置"onclick="qx()" >
function openWindow()
{
var message=confirm("是否打開網頁?");
if(message==true)
{
var url=prompt("輸入一個網址:","http://www.xianlaiwan.cn/");
var str="http://www.xianlaiwan.cn/"
if(url == str){
window.open('_blank','width=400,height=500,menubar=no,toolbar=no');
}
else{
alert("error");
}
}
else{
alert("again");
}
}
其中最坑的就是隱藏和顯示,函數名要用hidetext()和showtext(),在這里卡了將近半小時
//定義"隱藏內容"的函數
function showtext(){
txt.style.display="block";
}//定義"顯示內容"的函數
function cancel(){
var sure=confirm("確定要取消設置嗎?");
if(sure="true"){
txt.removeAttribute("style");
}
}//定義"取消設置"的函數
改變部分-2
function col(){
txt.style.color="red";
}
//定義"改變顏色"的函數

function wid(){
txt.style.width="800px";
txt.style.height="300px";
}
//定義"改變寬高"的函數
function hidetext(){
txt.style.display="none";
}
改變部分1
<input type="button" value="改變顏色" onclick="col()"/>
<input type="button" value="改變寬高" onclick="wid()"/>
<input type="button" value="隱藏內容" onclick="hidetext()"/>
<input type="button" value="顯示內容" onclick="showtext()"/>
<input type="button" value="取消設置" onclick="cancel()"/>
元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。



2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。



3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
object.removeAttribute
這個把我折騰的不行。。。
課程須知
該課程是針對新手的一個簡單基礎的課程,讓您快速了解JS,通過一些簡單的代碼編寫體會JS。如果您已經對JS有所了解,可以跳過本課程,學習JS進階課程,進一步學習JS相應的基礎知識。學習本課程,希望您至少具備HTML/CSS基礎知識,認識常用的標簽。
老師告訴你能學到什么?
1. 理解JavaScript基礎語法; 2. 掌握常用語句的使用方法; 3. 學會如何獲取DOM元素及進行簡單操作。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消