JavaScript新手常常遇到的問題（一）

時間 2019-11-13

標籤 javascript 新手常常遇到問題欄目 JavaScript 简体版

原文原文鏈接

一、:before和:after，position: absolute;才能夠調節高寬

二、判斷背景顏色

2.一、$(this).css("background-color")=="rgb(95, 158, 160)" ，注加空格css

2.二、$(this).css("background-color")==「red」是錯誤的ajax

2.二、注意必定要在background加的color，未改顏色以前是rgba(0, 0, 0, 0)json

三、用Class，點擊事件

    <div class="dic" name="div1"></div>
    <div class="dic" name="div4"></div>
    <div class="dic" name="div2"></div>
    <div class="dic" name="div3"></div>
    
    <script>
        $(".dic").click(function(){
            //注意必定要在background加的color，未改顏色以前是rgba(0, 0, 0, 0)
            if ($(this).css("background-color")=="rgb(95, 158, 160)") {
                $(this).css("background","red");
                alert($(this).attr("name"));    //用prop獲取不到name
                
            } else{
                //對比字符串上加上了空格,彈出了true
//              alert($(".dic").css("background")) //對比
                $(this).css("background","cadetblue");
            }
        })
    </script>

四、獲取父元素

$(this).parents().find("td").eq(0).text();
//獲取當前全部父元素的查找"td"的第一個的文本

五、jQuery.data() 方法

data() 方法向被選元素附加數據，或者從被選元素獲取數據。 app

六、Java和JavaScript的初始數據的不一樣

var color;
alert(color)//顯示的是undefined

String color；//這個顯示的是null


注：建議用alert獲取JavaScript的初始數據

七、JavaScript動態添加元素若是不設定它的順序，它的順序就隨機出現

 //翡翠寓意
    setTimeout(function(){
        $.ajax({
            url:"ProductsSelect?action=Moral",
            type:"get",
            dataType:"json",
            success:function (data) {
                var $div="<div class='divproduer' style='margin-top: 23px;'>";
                for (var i=0;i<data.length;i++){
                    var obj=data[i];

                    $div+="<span style='margin-right: 15px; cursor:pointer;' class='sMoral'>"+obj.moral+"</span>";
                }
                $div+="</div>";
                $("#top-right").append($div);               //注：順序是隨機的
            },
            error:function (xhr,textStatus,errorThrown) {       //失敗回調
                alert("錯誤，"+textStatus+","+errorThrown);
            }
        })
    }, 300);

八、select的name傳值，

<select name="education">

　　<option value="高中">高中</option>
　　<option value="專科">專科</option>
　　<option value="本科">本科</option>
　　<option value="博士">博士</option>函數

</select>

九、form提交方式

<%--<input type="button" value="批量刪除"/>這個不能將數據提交給後臺--%>
<%--form表單中的傳遞方法有<button>和<input type="submit">兩種，他們的功能是同樣的--%>
<%--注：若是form沒有寫action屬性的話，就只能在url後面加"?title=第1集"這樣的數據，只不過<button>顯示"?title=第1集"，<input type="submit">不顯示--%>
<button>刪除</button>

十、獲取子類數據

<body>
  <div>
    <span>Hello</span>
    <p class="selected">Hello Again</p>
    <div class="selected">And Again</div>

    <p>And One Last Time</p>
  </div>
  <!--children:孩子們-->
<script>alert($("div").children(".selected").eq(0).text());</script>
</body>

十一、JavaScript的return

retrun true； 返回正確的處理結果。
return false；返回錯誤的處理結果，終止處理。
return；把控制權返回給頁面。

<a href="abc.htm" onclick="return add_onclick()">Open</a> 
注：若是函數 add_onclick() 返回 true, 那麼 頁面就會打開 abc.htm；不然, (返回 false), 那麼頁面不會跳轉到 abc.htm, 只會執行你的 add_onclick() 函數裏的內容.

十二、form改變路徑

 //改變form表路徑
   $("#souform").click(function () {
       $("#form1").prop("action","/jstl/queryGoods");
       $("#form1").submit();
   })

1三、在頁面裏顯示另一個頁面

<iframe src="頁面的路徑" width="97%" height="80%"></iframe>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。