js
剑雪封喉r
这个作者很懒,什么都没留下…
展开
-
css/div做的连续几个div水平浮动(float)元素时,当浏览器窗口缩小的时候,浮动元素就往下跑了
注意:div 布局时用float时:css/div做的连续的几个div水平浮动(float)时,当左右浮动的时候怎么当浏览器的窗口缩小的时候浮动的就往下跑了这是一定要在最外套的div要有固定的width才行。这样就绝对不会往下跑了...原创 2020-04-09 11:45:30 · 2075 阅读 · 1 评论 -
CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对…一、CSS HACK以下两种方法几乎能解决现今所有HACK.原创 2018-01-03 09:22:52 · 6257 阅读 · 1 评论 -
web两个iframe之间互相调用方法
假如有两个iframe在同一个页面上,一个id为if1,另一个为if2。 想要在if1中调用if2中的方法,只需在if1中添加如下代码:window.parent.document.getElementById('if2').contentWindow.需要调用的方法;1例: main.htmlhtml>head>meta http-equiv="Content-Ty原创 2017-12-15 08:45:24 · 455 阅读 · 0 评论 -
鼠标移到input和img元素上的时候,光标变手型
input type="submit" name="button1" id="button1"value="提交" style="cursor:pointer"/> img src="img/yc_bot.jpg" style="cursor: pointer;" onclick="search();"/>原创 2017-12-13 15:13:46 · 1134 阅读 · 0 评论 -
js基本知识点总结-----js字符串函数
原创 2017-11-22 17:14:31 · 193 阅读 · 0 评论 -
js基本知识点总结-----js window对象
原创 2017-11-22 17:15:50 · 222 阅读 · 0 评论 -
js基本知识点总结-----js正则表达式
原创 2017-11-22 17:13:57 · 162 阅读 · 0 评论 -
js基本知识点总结-----js运算符
原创 2017-11-22 17:13:06 · 234 阅读 · 0 评论 -
js基本知识点总结-----js数组
原创 2017-11-22 17:12:11 · 284 阅读 · 0 评论 -
js基本知识点总结-----js数据类型
原创 2017-11-22 17:11:36 · 202 阅读 · 0 评论 -
layui select 事件监听
<select lay-filter="business" class="select" lay-verify="type" name="business" > <option value="0" >请选择</option> <option value="1" &原创 2018-05-24 15:14:50 · 10068 阅读 · 0 评论 -
解析 js 中的 this 对象
前言(平时写一些前端技术相关的文章,希望喜欢的同学可以点个赞和收藏)进入正题,this对象在js中是很常见,但是在这里也经常会出错,本文将对常见的this对象的情况做一些总结正文this对象是在函数运行时,基于函数的执行环境绑定的。其实这句话的本质就是,谁调用了函数,this就指向谁具体的来说,通常有以下几种情况:全局函数在全局环境中,t原创 2018-01-10 10:37:42 · 703 阅读 · 0 评论 -
layUI ajax加载html页面后重新渲染
相关问题同: 1、layUI使用jquery.load加载界面时,如何让layui渲染页面? 2、layUI ajax加载html页面后重新渲染layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染$.ajax({ url : url, type : 'GET', ...原创 2018-05-29 15:53:43 · 10910 阅读 · 0 评论 -
动态修改echarts的容器大小
document.getElementById('main').style.height = height+'px' sideBarChart.resize();//直接加这句即可 sideBarChart.setOption(sideBarOption,true);原创 2019-02-25 20:07:05 · 2784 阅读 · 0 评论 -
jQuery 事件——关于Select选中
场景: eg:在管理一篇博文时,因博文的管理有一列叫:状态的列,该列有诸多状态,如:正常,待审核,删除等...此时,若使用Select下拉列表进行状态选择,并在选中具体项值后,通过Ajax异步提交,在效果及体验上就能得到更大化的体验。下拉列表例子如下:1 <select id="status">2 <option value="0" &g...原创 2019-02-28 16:23:44 · 2282 阅读 · 0 评论 -
html根据title更改值
$(".f-panelitem-title[title='附件张数']").text("页数").attr("附件张数","页数")原创 2018-09-19 10:35:26 · 2085 阅读 · 0 评论 -
JS数组中的indexOf方法
相信说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用,正则不熟练同学的利器。这篇文章就最近遇到的一个问题,用实例再说说说indexOf方法。本文是小知识点积累,不作为深入讨论的话题,因此这里没有解释indexOf()的第二个参数,相信大家都知道第二个参数的作用。String 类型的使用温习一下大家熟知的字符串用法,举个let str = 'orange';s...原创 2018-08-01 10:46:48 · 10545 阅读 · 2 评论 -
Postman 使用方法详解
一、Postman背景介绍用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代...原创 2018-07-31 10:08:59 · 797 阅读 · 0 评论 -
iframe页面中父页面跟子页面方法的相互调用
不废话,直接上代码父页面代码:<!doctype html><head> <title>Parent Page</title> <script language="javascript" type="text/javascript"> function parenttest原创 2018-07-21 11:32:52 · 285 阅读 · 0 评论 -
如何扒前端页面
1、你需要的工具——chrome浏览器2、步骤请先在本地任何地方新建一个文件夹,命名随意,本文就以COPYWEB为例(1)拷贝HTML文件用chrome浏览器打开你喜欢的网站右键点击,在弹出菜单中选中查看框架的源代码(如图所示)在COPYWEB文件夹中新建记事本,把文件改成 index.html,将弹出的那些代码拷进这个HTML文件到这一步,你试着双击一下这个index文件,你会发现,额,怎么内容...原创 2018-07-16 14:36:30 · 3555 阅读 · 1 评论 -
echarts实现地图下钻
首先,实现地图下钻有多种方式,比如:echarts、d3.js等,鉴于水平有限,我基于echarts实现。废话少说直接上核心代码:tools.js: (1)实现了一些校验,比如非空、日期转化等; (2)配置地图业务数据加载路径...原创 2018-06-27 09:53:12 · 2349 阅读 · 0 评论 -
js基本知识点总结-----js流程语句
原创 2017-11-22 17:10:56 · 197 阅读 · 0 评论 -
js基本知识点总结-----js函数基础
原创 2017-11-22 17:09:30 · 375 阅读 · 0 评论 -
解决CSS margin-top在火狐下失效问题
这里向大家描述一下CSS margin-top在火狐下失效的解决方法,margin-top属性在火狐及IE下面的表现有的时候是不一样的,在火狐下面可以实现自己定义的效果但是到了IE下面却成了双倍的像素。AD: margin-top属性在火狐及IE下面的表现有的时候是不一样的,这里和大家分享一下CSSmargin-top在火狐下失效的方法,在火狐下margin原创 2017-09-04 11:19:35 · 1222 阅读 · 0 评论 -
网页自适应学习
网页自适应学习1、“网页自适应”的概念: 2010年,由Ethan Marcotte提出“网页自适应”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度并做出相应调整的页面设计。 下面给大家一些示例网站,有时间可以去查看,都是很不错的“网页自适应”的案例。https://alistapart.com/d/responsiv原创 2017-08-04 10:21:08 · 476 阅读 · 0 评论 -
JavaScript算法-排序算法
此生之路,我将走过;走过这一次,便再也无法重来。所有力所能及的善行,所有充盈于心的善意,我将毫不吝惜,即刻倾予。我将再不拖延,再不淡漠,只因此生之路,再也无法重来。对计算机中存储的数据执行的两种最常见操作是排序和索引。下述阐述的排序方式,暂且都是用数组进行测试(从小到大)。var dataAry = [5, 4, 3, 7, 1, 2, 8, 6, 9]; // 测试数组11/转载 2017-04-01 09:06:53 · 290 阅读 · 0 评论 -
js校验字符长度(一个中文占两个字符)
MyHtml.html --> 请选择 $(function(){$("#checkorgentity").click(function(){ //得到属性值var nojoinreasoncode = document原创 2017-01-03 10:03:38 · 3196 阅读 · 0 评论 -
获取select的值
页面: 报表类型:HashMap map = ReportConstants.getReportTypeDic(index_label,orgtype);Iterator iter = map.keySet().iterator();while(iter.hasNext()){String key = (String) iter.next();原创 2016-12-21 15:10:42 · 312 阅读 · 0 评论 -
关于jquery提交数据请求方式的问题
最近在做一个项目,主要分为五个步骤:1.填写三项标识:姓名,证件类型,证件号码,此步骤主要对接公安部联网核查,看填写用户的信息是否正确;2.填写联系方式:主要是为了生成一个申请单号;3.选择业务数据:主要是为了定位有异议的业务信息;4.填写业务描述:主要是针对选择的业务信息,填写说明5.确认信息并提交在做的时候,发现第一遍将完整的五步跑下来没有任何问题,当再次跑一遍流程时,原创 2016-08-24 14:41:34 · 580 阅读 · 0 评论 -
jquery无法解析id的问题
1. MyHtml.html --> $(document).ready(function () { $('#s').click(function () {var personal_id = $($(".textarea_perso原创 2016-06-07 10:53:08 · 708 阅读 · 0 评论 -
layui 表单元素的选中问题
layui对表单元素都作了美化,比如下拉列表,单选框,多选框.对表单美化后相应元素的操作,其实是在layui处理过后的div上操作,不能真的反映在原始我们编写的表单的元素上.这也会出现一个问题,如果想用JS对表单做些预处理,怎么做?操作原始的元素并不会展现在layui处理过的表单中的,那我们就对layui处理过的表单动手这里要提两个我用过的,一个是单选框,一个是下拉列表* 单选框,layui美原创 2017-10-20 15:29:58 · 6415 阅读 · 0 评论 -
data.field.属性赋值
console.log(data.field);data.field.testname="1,2,3,4";(testname是field中的某个属性比如:name,age,sex等)console.log(data.field);第一次console:{interest: "0", open: "1", more: "1", file: "", testname: "3"}第二次原创 2017-10-14 14:27:55 · 35487 阅读 · 0 评论 -
js基本知识点总结-----js变量
原创 2017-11-22 17:08:53 · 209 阅读 · 0 评论 -
js基本知识点总结-----js dom基本操作
原创 2017-11-22 17:07:21 · 201 阅读 · 0 评论 -
window.showmodaldialog的使用
因为项目是嵌套很多iframe的。弹窗口会有数据回传。弹窗之上又有弹窗也会有值回传。3级或者更多。所以我把兼容的js代码写在一个文件,所有涉及弹窗口的页面均调用这个脚本文件:common.js[javascript] view plain copyvar has_showModalDialog = !!window.showModal原创 2017-12-08 15:38:54 · 1440 阅读 · 0 评论 -
layer弹出层显示在top顶层
因为项目框架用了iframe,所以在用layer时,默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示,想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件,导入后就能正常显示在父窗口页面区域了。显示在顶层窗口[ht原创 2017-11-14 15:36:52 · 2602 阅读 · 0 评论 -
jquery点击事件写法
/*公告通知点击事件*/$(document).on("click", "#contactus_click_notice", function () { console.log("click---"); contactusinit(); $("#contactus_notice").css("display", "inline"); $("#contactus_c原创 2017-11-13 10:45:34 · 865 阅读 · 0 评论 -
CSS Hack技术详解,支持IE 6-11、Chrome、FireFox、Safari、Opera
当前网络时代,各种各样的网页向我们展示着丰富多彩的网络世界,而浏览器则是我们欣赏网络世界的窗口。以前,浏览器主要有IE和NetScape两家;到现在,各种各样功能强大的浏览器层出不穷。例如:举世闻名的浏览器有Chrome、FireFox、Safari、Opera,常见的"国产"浏览器有遨游、QQ、360、搜狗、UC、世界之窗。由于不同浏览器所遵循的标准也有所不同,再加上不可避免的程原创 2017-11-02 10:47:28 · 409 阅读 · 0 评论 -
Javascript Array和String的互转换
Array类可以如下定义: var aValues = new Array(); 如果预先知道数组的长度,可以用参数传递长度 var aValues = new Array(20); ------------------如下2种定义方式是一样的--------1----------- var aColors = new Array();原创 2017-10-16 15:24:47 · 52138 阅读 · 0 评论 -
echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
echarts x轴标签文字过多导致显示不全如图:解决办法1:xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的)[html] view plain copy print?axisLabel: {原创 2017-10-16 10:24:56 · 955 阅读 · 0 评论