伊人综合丰乳肥臀久草,日日干天天操狠狠爱

首頁免費課 JavaScript進階篇筆記

JavaScript進階篇

                
                慕課官方號
            頁面重構設計

                    查看講師更多課程 
                    慕課官方號講師的其他課程
                
帝堵搶車位動畫制作
初級·36954
免費課程
                                
JavaScript入門篇 
入門·741186
免費課程
                                
                難度入門
            
                時長 8小時55分
            
                學習人數
            
綜合評分9.47
                            2558人評價
                        查看評價
                                9.7
                                內容實用
                            
                                9.4
                                簡潔易懂
                            
                                9.3
                                邏輯清晰

最熱最新

weixin_慕少0311380
```
編程練習?-使用JS完成一個簡單的計算器功能。實現2個輸入框中輸入整數后，點擊第三個輸入框能給出2個整數的加減乘除。
```
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
?
? </script>?
?</head>?
?<body>
?<a href="http://www.xianlaiwan.cn/qadetail/358958">跳轉去詳情</a>
?</body>
</html>
查看全部

0 采集收起來源：編程練習
2022-12-02
慕碼人1168347

函數返回的不只是數字，還有字符和其他類型

查看全部

0 采集收起來源：返回值的函數
2022-11-23
weixin_慕少0311380
```
如何判斷密碼框是否為空？
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠標經過事件 </title>
<script type="text/javascript">
? ? function inputTEXT(){
? ? ? ? var x=document.getElementById("text").value;//放function里面
? ? ? ? if(x==""){
? ? ? confirm("請輸入密碼后，再單擊確定!");
? ? ? }
? ? ? else{
? ? ? ? ? alert("提交成功！");
? ? ? }
? ? }
</script>
</head>
<body>
<form>
密碼:<input name="password" type="password" id="text"><br> <br>?
<input name="確定" type="button" value="確定" onclick="inputTEXT()"/>
</form>
</body>
</html>
查看全部

0 采集收起來源：鼠標經過事件（onmouseover）
2022-11-19
weixin_慕少0311380
```
在a中調用js函數最適當的方法推薦使用：
```
js中的a標簽怎么用
onclick事件如何中的a標簽怎么用的呢

我們常用的在a標簽中有點擊事件：
1. a href="javascript:js_method();"

這是我們平臺上常用的方法，但是這種方法在傳遞this等參數的時候很容易出問題，而且javascript:協議作為a的href屬性的時候不僅會導致不必要的觸發window.onbeforeunload事件，在IE里面更會使gif動畫圖片停止播放。W3C標準不推薦在href里面執行 javascript語句

2. a href="javascript:void(0);" onclick="js_method()"

這種方法是很多網站最常用的方法，也是最周全的方法，onclick方法負責執行js函數，而void是一個操作符，void(0)返回undefined，地址不發生跳轉。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態欄。

3.a href="javascript:;" onclick="js_method()"

這種方法跟跟2種類似，區別只是執行了一條空的js代碼。

4.a href="#" onclick="js_method()"

這種方法也是網上很常見的代碼，#是標簽內置的一個方法，代表top的作用。所以用這種方法點擊后網頁后返回到頁面的最頂端。

5.a href="#" onclick="js_method();return false;"

這種方法點擊執行了js函數后return false，頁面不發生跳轉，執行后還是在頁面的當前位置。

我看了下taobao的主頁，他們采用的是第2種方法，而alibaba的主頁是采用的第1種方法，和我們的區別是每個href里的javascript方法都用try、catch包圍。

綜合上述，在a中調用js函數最適當的方法推薦使用：
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"
查看全部

0 采集收起來源：什么是事件
2022-11-19
weixin_慕少0311380
```
使用javascript代碼寫出一個函數：實現傳入兩個整數后彈出較大的整數。
```
使用Switch和case來寫
<!DOCTYPE??HTML>
<html?>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>函數</title>

<script?type="text/javascript">
function?ass(x,y)
{
switch?(true)
????{
????????case?x>y:
????????????return?x;
????????????break;
????????case?y>x:
????????????return?y;
????????????break;
????????default:
????????????return?'兩者相等，無最大值。';
????????????break;
????}
}
ass(5,4);
ass(3,3);
??document.write("?5?和?4?的較大值是:"+ass(5,4)+"<br>");
??document.write("?6?和?3?的較大值是:"+ass(3,3));
</script>
</head>
<body>
</body>
</html>
查看全部

0 采集收起來源：編程練習
2022-11-17
weixin_慕少0311380
```
返回值的函數
```
怎么理解return返回值，還是不太懂
可以想象你叫外賣的過程，下訂單（傳入參數），餐館做菜（函數），外賣員送餐（return），沒有return就相當于餐館做菜了沒人送。如果函數的處理結果需要被其他部分引用，必須用return從函數內部傳到函數外部。如果函數處理結果不會在別處用到，也可以不用return。

返回一個結果
return返回值就是帶回的結果，你調用的函數進入函數，返回時一般都需要有返回值的（不然就是輸出）。帶回返回值是你進入代碼的結果（目的）；函數的代碼邏輯是執行某些邏輯運算，這只是過程。
例如你的代碼：
運算a+b ? 返回a+b的結果，將這個值賦予數目
不聲明有影響嗎？
req1=app2(5,6);
req2=app2(2,3);
sumq=req1+req2;這樣寫有影響嗎？沒有var,結果一樣
答：js是弱類型語言，變量不聲明也是可以用的，只是，不聲明的變量會默認是全局變量，比如在function里的變量，沒有用var聲明的話，它會是一個全局變量，不會跟著函數的聲明周期一起消失，如果用var 聲明了，那么他就不會影響到函數外的環境，所以最好聲明一下。

小白不理解返回值“return sum”是返回到什么地方？
答：你是在函數內聲明的sum，不能返回到函數外，但函數內的話你用了return語句，后面也就不能進行其他操作，所以你要想將sum返回出來，你就將var sum寫在你想要返回的層級處。
查看全部

0 采集收起來源：返回值的函數
2022-11-17
weixin_慕少0311380
? ? ? ? ? ?
```
有參數的函數
```
onclick的一些小問題

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回值函數</title>

<script type="text/javascript">

? function? app2(x,y)

? { var sum,x,y;

? ? sum = x * y;

? ? ?document.write(sum);
//?return sum;
? }

? function getvalue()

? {

? ? var x = document.getElementById("num1").value;

? ? var? y = document.getElementById("num2").value;
?app2(x, y);
? ?//req1 = app2(nu1,nu2);
//document.write(req1);?

? ?

? }

</script>

</head>

<body>
<form>
? ? <input type="text" id="num1" /><br/>

? ? <input type="text" id="num2"/><br/>

? ? <input type="button" value="點擊提交" onclick="getvalue()">
</form>
</body>

</html>
查看全部

0 采集收起來源：有參數的函數
2022-11-15

weixin_慕少0311380

定義函數

html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>定義函數</title>
<script?type="text/javascript">
function??sub2(){
var?a=parseInt(prompt("請輸入第一個數字"))；
var??b?=parseInt(prompt("請輸入第一個數字"))；
var?sub=a-b;
alert("a與b的差"+sub)；
}
</script>
</head>
<body>
<form>
????<input?type="button"?value="點擊我"?onclick="sub2()"?/>
</form>
</body>
</html>

查看全部

0 采集收起來源：定義函數

2022-11-11

weixin_慕少0311380
```
什么是函數prompt
```
回答：var?a=?+(prompt("請輸入數字"));
var?b=?+(prompt("請輸入第二個數字"));
原因：使用prompt得到用戶輸入的數據類型是字符串，謹記！謹記！謹記！
可以使用上面的黑科技將其隱形轉換為number類型。
當然也可以使用parseInt或parseFloat進行強制轉換

提問：請問為啥我算a=12，b=12，sum=a+b；結果sum是1212？？？？
<!doctype html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8">
? ? ? ? <title>check</title>
? ? ? ? <script>
? ? ? ? ? ? function add2(a,b){
? ? ? ? ? ? ? ? var sum=a+b;
? ? ? ? ? ? ? ? var diff=a-b;
? ? ? ? ? ? ? ? document.write("兩數之和為："+sum);
? ? ? ? ? ? ? ? document.write("兩數之差為："+diff);
? ? ? ? ? ? }
? ? ? ? ? ? function calculate()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? var a=prompt("請輸入數字");
? ? ? ? ? ? ? ? var b=prompt("請輸入第二個數字");
? ? ? ? ? ? ? ? add2(a,b);
? ? ? ? ? ? }
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ??
? ? ? ? <button onclick="calculate()">點我算數</button>
? ? </body>
? ??
</html>

這樣好點
<!doctype html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8">
? ? ? ? <title>check</title>
? ? ? ? <script>
? ? ? ? ? ? function add2(a,b){
? ? ? ? ? ? ? ? var sum=a+b;
? ? ? ? ? ? ? ? var diff=a-b;
if(diff<0){
? ? ? ? ? ? ? ? diff=-diff
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? document.write("兩數之和為："+sum);
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? document.write("兩數之差為："+diff);

? ? ? ? ? ? }
? ? ? ? ? ? function calculate()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? var a=parseInt(prompt("請輸入數字"));
? ? ? ? ? ? ? ? var b=parseInt(prompt("請輸入第二個數字"));
? ? ? ? ? ? ? ? add2(a,b);
? ? ? ? ? ? ?}
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ? ?
? ? ? ? <button onclick="calculate()">點我算數</button>
? ? </body>
? ? ?
</html>
查看全部

0 采集收起來源：什么是函數
2022-11-11
慕設計3036984

兩個||是有什么用的呢？
documentlement又什么用？
為什么兩個||要下面看呢？

查看全部

0 采集收起來源：網頁尺寸offsetHeight
2022-11-06
慕設計3036984

還是搞不懂slice這個東西到底是有什么用的？
但是他的含義是
1，2，3，4，5，6
假如是2，5
那么輸出的結果就是。3，4，5

查看全部

0 采集收起來源：選定元素slice()
2022-11-05
weixin_慕少0311380
```
繼續循環continue
```
繼續循環continue
continue 是跳過本次循環，繼續下次循環；break 是結束就近循環，用標簽可停止任一循環；return結束該方法（包括該方法里的所有循環），回到主函數中。
查看全部

0 采集收起來源：繼續循環continue
2022-11-02
weixin_慕少0311380
? ? ? ? ? ?
```
退出循環break-for循環和while循環的區別
```
for循環
var a=new Array(70,80,66,90,50,100);
var i;
for(?i=0;i<a.length;i++){
if(a[i]<60){document.write("成績"+a[i]+"不及格，不再循環"+"</br>")
? ? break;??
? ? ?}
document.write("成績"+a[i]+"及格，繼續循環"+"</br>")
}

while循環
var a=new Array(70,80,66,90,50,100);
var i=0;
while(i<a.length){
if(a[i]<60){document.write("成績"+a[i]+"不及格，不再循環"+"</br>")
? ? break;??
? ? ?}
document.write("成績"+a[i]+"及格，繼續循環"+"</br>")
i=i+1;
}
查看全部

0 采集收起來源：退出循環break
2022-11-02
weixin_慕少0311380
? ? ? ? ? ?
```
重復重復（for循環）
```
任務
我們有1，2，3...10不同面值的錢，使用for語句完成合計，看看我們一共有多少錢，請補充第8行代碼，實現該功能。

!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>if...else</title>
<script type="text/JavaScript">
var mymoney,sum=0;//mymoney變量存放不同面值，sum總計
for(mymoney=1;mymoney<=10;mymoney++)
{?
?sum= sum + mymoney;
}
? document.write("sum合計:"+sum);
</script>
</head>
<body>
</body>
</html>
查看全部

0 采集收起來源：重復重復（for循環）
2022-10-28
愛尚麗明
<!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=utf-8" />
<title>我們互動下</title>

</head>
<body>
? ? <input type="text" id="input" />
? ? <button onclick="myFunction()">提交 </button>
? ??
? ? ?
</body>
<script type="text/javascript">
? ? ? ? function myFunction(){
? ? ? ? ? ? let _str = document.getElementById('input').value
? ? ? ? ? ? if(_str == 'JS進階篇'){
? ? ? ? ? ? ? ? confirm('關注JS進階篇')
? ? ? ? ? ? }
? ? ? ? }
? ? </script>?
</html>
查看全部

0 采集收起來源：讓你認識JS
2022-10-26

首頁上一頁 13 14 15 16 17 18 19 下一頁尾頁

舉報

0/150

提交

取消

開始學習

課程須知: 你需要具備HTML、css基礎知識，建議同學們也可以想學習下js入門篇，快速認識js，熟悉js基本語法，更加快速入手進階篇！

老師告訴你能學到什么？: 通過JavaScript學習，掌握基本語法，制作簡單交互式頁面

微信掃碼，參與3人拼團

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

熱搜

最近搜索清空

JavaScript進階篇