向html页面通过jquery的$.load加载html页面如何实现!急急急

html-css09

向html页面通过jquery的$.load加载html页面如何实现!急急急,第1张

在本地服务器环境下!直接用load函数请求相对地址!如:$.load(“demo.html”);把返回的html代码插入到某个div,如function(data){

$("#aaa").html(data)

}就好了!

在项目中遇到解析html,发现v-html并不满足复杂的渲染,就使用jq来处理

1.v-html 处理简单的标签

如:text="<p>vue转换</p>"

html中解析:

<p v-html="text">{{text}}</p>

2.返回标签中还有img、a标签,使用v-html就不会转换方法如下:

使用jquery处理:

1.在标签定义class

<div class="descript"></div>

2.安装jq

npm install jquery --save

3.在使用的地方引入

import $ from 'jquery'

async loadProductDetail(cData) {

const { data } = await getProductDetail(cData)

this.descript = data.data.sku //接口返回数据赋值

this.loadhtml() //调用方法

},

loadhtml() {

('.descript').html(this.descript) //赋值

const srcdescript = ('.descript').find('img') //找到当前所有的a标签、img标签

for (let i = 0i <srcdescript.lengthi++) { //遍历

let a = srcdescript.eq(i).attr('href') //找到a标签的href属性

let b = evals.eq(i).attr('src') //找到img标签的src属性

//this. url + a) //赋值

srcdescript.eq(i).attr('src', this.$url + b)//赋值

//如果接口返回有就不添加:

// srcdescript.eq(i).attr('href', a) //赋值

//srcdescript.eq(i).attr('src', b)//赋值

}

}

可以新建一个js文件,内容如下:

(function ($) {

$.getUrlParam = function(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)")

var r = window.location.search.substr(1).match(reg)

if (r!=null) return unescape(r[2])return null

}

}) (jQuery)

在要获取url参数的页面导入这个js,想要获取参数,就这样写:

var name = $.getUrlParam("name")

$.getUrlParam("name")的参数name就是url里面的参数名称。

jquery获取url参数的办法:

function jsGetUrlParam(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")

var r = window.location.search.substr(1).match(reg)

if (r != null) return unescape(r[2])return null

}