![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
闫小样丶
这个作者很懒,什么都没留下…
展开
-
JS | js中拼接字符串点击事件完后,报错:preview is not defined at HTMLLIElement.onclick
今天在做项目的过程中,遇到一个问题。当前的需求是:点击li,跳转页面并传一个参数。我把页面的展示内容是通过html拼接起来的。for (var i = 0; i < list.length; i++) { if(JY.Object.notNull(list[i].photoUrl)){ html+="<li class='item' onclick='preview(\"" + list[i].courseId + "\")'>"; html+="<a target=原创 2020-09-07 17:54:22 · 1024 阅读 · 0 评论 -
JS如何判断是从哪个页面跳转过来的?
问题:今天在做项目的过程中,有一个需求是这样的:目前有一个公共的页面暂定为A页面,有几个列表页都需要跳转至A页面。然后,A页面也可以返回至上一个页面。思考:1、首先,我想到的是用window.history.back(-1);直接返回上一个页面即可。但是,如果A页面下的二级页面跳回到了A页面,这个时候,我想跳转到上一个列表页面就跳不回去了。又会回到A页面下的子页面。这就陷入了一个循环。所以,这个方法不可行。2、其次,我考虑是否可以把列表页的地址给他存起来,然后在A页面中去取这个地址,点击返回的.原创 2020-08-29 22:40:13 · 11615 阅读 · 1 评论 -
JS | 如何实现选项卡切换触发添加和删除类名
今天在做项目的过程中,遇到一个需求。鼠标移动到tab选项卡上,要实现当前选项卡所对应的内容显示隐藏。如图所示:html页面如下:<div class="map-tab clearfix"> <div class="tab-btn"> <ul class="ul clearfix" id="tabBtn"> <li class="item item1 text">一轴</li> <li class="item原创 2020-08-04 11:35:46 · 626 阅读 · 0 评论 -
JS如何实现将页面间跳转时地址后带的参数进行格式转换
我们在做项目的过程中,经常会遇到不同的页面会公用几个字段,而这几个字段我们可以存放到cookie中,在另外一个页面中获取cookie值。但是如果这个字段是动态变化的,我们就不能将它存放在cookie中,而是在页面跳转的时候将这几个参数通过地址带到跳转地址页面。例如跳转地址:http://localhost/learning/mobile/personal/login.html?select...原创 2019-09-25 14:17:51 · 791 阅读 · 0 评论 -
JS如何对Cookie进行存值,取值和清除操作
在做项目的过程中,我们经常会对cookie进行操作。例如我们常见的存值,取值,清除指定的cookie和清除全部的cookie以及给存放的cookie设置过期时间等等。所以,根据做项目中发现的这些问题在此做个总结。cookie中获取域名:/** * cookie中获取域名 * */ function GetCookieDomain() { var host = location.h...原创 2019-09-23 18:02:36 · 1777 阅读 · 0 评论 -
JS动态设置rem来实现移动端字体的自适应代码
在做移动端项目的过程中,移动端一般字体大小都使用rem,但rem的布局方式如何可以让其在任何移动端设备中自适应呢?通过JS实现移动端字体的自适应:此代码亲测有效:!(function(win, doc){ function setFontSize() { // 获取window 宽度 var winWidth = window.innerWidth; //640是表示...原创 2019-09-23 17:00:34 · 753 阅读 · 0 评论 -
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码?
1. 代码场景: 描述:在项目中,一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站。但是根据业务的需求,手机端可能会在功能上精简很多,我们也会写两套代码,分别用来实现PC端和手机端的功能。此时,就存在一个问题。项目在部署的时候只会使用一个地址,不会针对手机和PC端代码分别进行部署。这个时候就需要我们通过去识别视口分辨率的大小,来自动去跳转对应的代...原创 2019-09-18 19:07:57 · 3286 阅读 · 1 评论