jquery前端相关记录

1.获取相同name属性的input的值并做遍历 

$("[name='nums']").each(function(){
    alert($(this).val()); // 得到的是div对象
   
});
jQuery中each类似于javascript的for循环 
但不同于for循环的是在each里面不能使用break结束循环，也不能使用continue来结束本次循环，想要实现类似的功能就只能用return,
break           用return false
continue      用return ture

 

 

2.微信支付需要把一个url作为参数传给另一个url    ，那参数url 需要encodeURIComponent()去转换一下

 

window.location.href="/outpage/createEwm?qrtext="+encodeURIComponent(wxUrl);

3.使用summernote富文本编辑器，存入数据库的内容为<h1>aaaa</h1>,取出来放入div还是<h1>aaaa</h1>

解决方法：

 

　2.2通过js将这段字符插入到html中，让html自己解析html标签

　　html代码：

 

<textarea type="text"  name="content" id="summernote"></textarea>

<input type="hidden" id="article_content" value="{$post.content}">

　　先将这些内容放在一个input中，给这个input一个hidden属性，然后通过js吧这段代码插入到textarea中，让html通过浏览器自己解析：

　　js代码：

$(function(){
         var innerhtml = $("#article_content").val();
         $("#summernote").val(innerhtml);
});

 

或者使用vue时：

<div class="detail-bd" id="content">
    <#--{{bean.arContent|delHTMLTag}}-->

</div>

----------------上面是页面------------------------

----------------下面是js------------------------

 

that.$http.post("/。。。。/。。。。.json", {
    id: that.id,pageIndex:that.pageIndex
}, {emulateJSON: true}).then(function (response) {
    that.bean=response.data.bean;//获取到详情对象
    $("#content").html(that.bean.arContent);//取出描述内容  使用这种方式给予赋值
}).catch(function (response) {
})

结果如下：

内容被html解析出来了，该换行换行，该加粗加粗了

 

 

实现手机端点击连接到百度地图等第三方，但是要求能跳回去，需要跳转新页面，然后新页面用iframe进行展示，即可

 

 

<a href="tel:13828172679">13622178579</a>   可以实现点击一键拨打电话

在做评论时，如果图文穿插，图片会很大 ，此时 可以 做样式限制  

<style scoped>
    .fonts img{
        width: 100px;
        height: 100px;
    }
</style>

<div class="fonts" v-html="rows.content"><template>{{rows.content}} </template></div>

v-html:是将ueditor编辑器存储的图文进行html转义，

template标签要加上

样式 对  class= fonts  下面的 img 进行了尺寸的限制