JS中零碎知识点盘点 (1)

摘要

up在写js的时候,有时候感觉知识点有些分散,但这些知识点确实需要掌握的,这篇文章的目的就是将生活中遇到的js零碎知识点整理出来,一是用于以后方便查看,二是梳理一哈知识点

1. 网页中url的获取

  • 常见的2种url:

(1) https://www.baidu.com/

第2种是网址后面携带附加内容,使用 ? 开头, 中间用 & 分割
wd= 这种是名,跟在后面的是它的内容
访问这种,路由的提交是提交这个网址,但是路由的接收是第一种的url

(2)https://www.baidu.com/s?wd=%E4%B8%96%E7%95%8C&rsv_spt=1
例:提交

$(document).ready(function () {
    var path = location.search;
    $.get('/house/allsearch/' + path, function(data){
 
        }
    });

})

获取:

@house.route('/allsearch/', methods=['GET'])
def house_search():
    search_dict = request.args

    area_id = search_dict.get('aid')
    start_date = search_dict.get('sd')
    end_date = search_dict.get('ed')
  • 在js中获得当前网页?后面的内容
path = location.search

2.js中网页的跳转

location.href = 'https://www.baidu.com'

2.js中网页的替换

var path = location.search.replace('当前内容', '替换后的内容');
            location.href = path

3.值得获取与赋值

  • 获取
$('#real-name').val()
  • 赋值
$('#real-name').val(data.id_name)

4.重写一个html

$('.orders-list').html(lorders_html);

5.获取父类元素的一个属性

image.png
var order_id = $(this).parents('li').attr('order-id');

6.给指定标签赋属性和值

$(".modal-comment").attr("order-id", orderId);

7.显示与隐藏

$("#mobile-err").show();
$("#mobile-err").hide();

8.追加网页

$('#houses-list').append(house_list_html)

9.模块动态隐藏

modal('hide')

$('#accept-modal').modal('hide');

10.切割路径

var path = location.search;
        id = path.split('=')[1];

你可能感兴趣的:(JS中零碎知识点盘点 (1))