我也要用
前端----JavaScript
前端
熊猫大哥大
如有技术问题可通过微信公众号【熊猫大哥大】与我联系
-
原创 Window对象提示框、确认框、输入框、弹窗详解
1. 背景Window对象即浏览器窗口对象，提供了很多实用的属性和方法，也包含多种交互的对话框。一般开发人员习惯上使用UI框架提供的弹窗，能够提供更加精美的样式，而且在各个浏览器下表现一致。其实Window对象自带的对话框功能还算比较丰富，也算是一种可行的选择，本篇就来具体了解下。2. alert提示框window.alert方法用来显示一个提示框，该方法没有返回值，注意弹窗后脚本将被阻塞，直到用户点击确定后才执行后面的脚本。 <button type="button" onclick="2021-02-10 10:46:44
50
0
-
原创 window.innerHeight window.outerHeight 与screen.height
window与screenwindow是浏览器支持的全局变量，也可以通过document.defaultView获取它，表示浏览器的窗口信息。innerHeight与outerHeightinnerHeight表示窗口内容区域的高度，这是不包括边框、菜单栏的。而outerHeight是窗口的整体高度，包括边框、菜单栏等。所以一般常用的是innerHeight。screen.heightscreen是指的屏幕，表示当前整个显示器显示的屏幕部分，不限于当前的窗口。height是屏幕的宽度，例如屏幕2021-02-02 08:00:51
63
0
-
原创 jQuery版本选择与下载配置
知识点-版本选择jQuery有很多版本，大体分为1.x、2.x、3.x版本，其中只有1.x支持比较低版本的IE（IE6/7/8），而恰好在咱们国家，IE低版本还是很多的，所以只能选用1.x。知识点-jQuery1.x下载给出一个比较好的网址，有各个版本的jQuery供下载，建议下载使用1.11.3版本，也是公认的比较新同时又比较稳定的版本。 jQuery下载链接知识点-jQuery配置使用有两种办2017-11-16 16:51:05
267
0
-
原创 IE不打开F12开发人员工具无法执行js问题
问题表现最近不小心踩了一个坑，在写网页的时候，会同时使用chrome和ie做测试，都会开着开发者工具方便调试js。调试的时候都没啥问题，ie和chrome都表现良好，控制台显示一切正常，但是关闭了开发者工具后，ie竟然不执行js了。原因部分IE版本是不支持console的，还有部分奇怪的IE版本比如IE8/IE9在开启开发者工具时才支持console，我擦真是奇怪的设计。如何处理IE用户还是多啊，没2017-12-06 17:07:43
4594
4
-
原创 JavaScript数据类型详解
打捞工具typeof运算符可以获取值得数类型==运算符可以判断左右两边值是否相等，不建议使用，因为Javascript中对值相等的判断挺恶心===运算符是判断左右两边值和类型是否都相等，强烈建议使用这个，精准！不容易出毛病理论基础Javascript中的数据类型6种：number 数字类型string 字符串类型boolean 布尔类型object 对象类型f...2018-08-31 10:49:27
96
0
-
原创 Javascript中的undefined null 与NaN
undefined表示未定义，例如：a=1;//a被定义为数字类型b="1";//b被定义为字符串类型console.log(typeof(a));//返回 number console.log(typeof(b));//返回 string console.log(typeof(c));//返回 undefined，c没有定义过，系统不知道它是啥null表示空的对象类型，例如：console2018-04-21 23:02:07
177
0
-
原创 Javascript传递中文参数到Java后端
背景一般不建议从前台往后端传递中文参数，但是有些时候这件事是难免的，比如网页中按关键字搜索时。传递中文参数往往会遇到乱码问题，此处给出后端为Java时的示例代码。前端编码为防止中文参数乱码，可以在传递前对参数进行编码，如下：var keyword=$("#input-keyword").val();//获取输入框的值var encodedKeyword=encodeURI...2018-04-20 14:41:40
549
0
-
原创 LayUI表单提交数据为空
坑的外观最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。今天踩了个坑，就是使用layui表单提交时，提交的数据为空。例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。&lt;form class="layui-form" action=""&gt; &lt;div class=2018-03-27 09:55:20
12060
5
-
原创 jQuery中的.html() .text() .val() .attr()获取元素内容、值、属性
知识点：元素所谓元素指的是一个html文档中一个闭合标签，比如body元素指的就是从<body>到</body>的所有代码。知识点：内容、值、属性举个例子<div id="div1"> 请输入：<input type="text" value="hello"/></div>这其中，div元素的内容就是请输入：<input type="text" valu2017-11-22 17:02:43
989
0
-
原创 jQuery常用选择器
知识点-选择器jQuery其实就是对网页进行操作的，要进行操作总得有个操作对象，jQuery就是通过选择器选择操作对象的。jQuery选择器其实就是jQuery(rule)方法，该方法通过指定选择规则rule，返回选定的对象。例如jQuery("div")表示选择网页中的div元素。因为选择器太常用了，所以提供了$操作符代替jQuery，$("div")明显简洁明了多了。（PS：其实就相当于+代替了2017-11-17 17:13:18
352
0
-
原创 jQuery页面初始化
知识点-BOM与DOMBOM指的是浏览器对象模型，也就是说在JavaScript语言中，将浏览器封装为一个window对象，例如：window.location.href就表示当前页面的url地址。DOM指的是文档对象模型，其实DOM就是window.document，因为太常用了，所以可以直接用document，它指的是<html>与</html>之间的html文档。知识点-window.onlo2017-11-17 14:57:36
881
0
-
原创 JavaScript浏览器对象模型BOM
1 浏览器要显示一个网页，不光跟网页的内容相关。还有浏览器窗口的大小、位置，浏览器弹出的警告框、提示框，还有cookie，有的浏览器客户端还有定时器（比如定时刷新图片）。2 其实JavaScript语言已经将整个浏览器窗口封装为window对象，这个封装行为就是BOM（browser object model）——浏览器对象模型。3 document其实也就是window.document，文2017-05-25 09:33:01
316
0
-
原创 JavaScript文档对象模型DOM
1 一个网页实际上就是一个html文档被浏览器解析后显示的样子。2 所谓的DOM，即为document object model，翻译为中文：文档对象模型。就是把浏览器加载的html文档当作对象这样一个模型。3 document对象，就代表着html起止标签间的全部内容，浏览器自动将html文档封装到document对象里面，对于JavaScript语言来说，可以通过document对象访问h2017-05-25 09:23:32
278
0
-
原创 JavaScript对象定义与属性遍历
1 JavaScript不仅是支持对象的，而且一切皆为对象。2 既然对象在JavaScript中是那样的普遍存在，所以JavaScript自带eval()函数用于将字符串转换为JavaScript对象。 例如：<html><head><title>我的个人主页</title></head><body><script type="text/javascript"> var st2017-05-22 17:44:25
281
0
-
原创 JavaScript函数定义与使用
1 function类型是JavaScript语言中的重要数据类型。2 常用的函数定义方法有三种：2.1最标准的函数定义：//定义函数function add(a,b){ return a+b;}//使用函数var sum=add(1,2);//计算结果sum=32.2将函数执行内容赋值给变量：//将函数执行内容赋值给变量var add=function(a,b){return2017-05-18 14:18:51
201
0
-
原创 JavaScript数据类型和变量
1 虽然JS里面可以直接写<script>a=1;b="2";</script>但是实际上js的所有变量/常量都是有类型的。2 JS所有的数据类型分为5类string 字符串类型number 数字类型boolean 布尔类型object 对象类型 (需要注意的是null是对象类型的空值)function 函数类型undefined (未定义，不知道是什么数据类型)3 需要注意u2017-05-10 17:11:48
306
0
-
原创 JavaScript程序调试方法
1 首先必须知道，JavaScript与Java没有任何关系，是两种语言。一般情况下，对于Web项目来说，HTML+CSS+JavaScript被认为是和浏览器相关的前端语言，而Java是一种服务端语言。HTML主要负责网页元素的显示，CSS负责网页元素的样式，JavaScript负责发生在网页元素上事件的处理。2 调试非常重要，建议chrome浏览器来调试JavaScript程序...2017-05-10 11:10:50
342
0
-
原创 $.post的dataType类型参数与Javascript的eval函数
jQuery.post()看起来是不是挺怪啊，其实不就是$.post()嘛，哈哈哈。众所周知，$.post非常好用也非常常用，它的四大参数也是赫赫有名，如下：$.post(url,data,function,dataType);OK，前三个参数比价简单，分别是url：请求抛给的地址；data：请求携带的参数；function请求执行成功后回调的函数；第四个其实也挺重要的，就是服务器响应的数据类型，一2017-03-26 23:13:33
5636
0
-
原创 JavaScript中的==与===的区别
先看一个例子alert(0 == "");运行结果是啥？回答是0==的同学真心可以洗洗睡了…回答是false的同学还是很有必要继续读下去的…答案是true，注意不是'true'也不是"true"。OK，为啥呢，很简单，JS中==会先转换类型，然后再判断值是否相等。刚刚那个”“是字符串类型，而0是数字类型，所以先把”“转换为数字类型，正好”“对应的数字类型为0，所以左右相等了，所以结果为true。以下2017-03-10 13:41:48
297
0
-
原创 JavaScript、Json中的单引号、双引号
本篇稍微讲下单引号、双引号与JavaScript和JSON之间错综复杂的关系哈，不注意的话还真可能有点懵圈。首先在JavaScript中，单引号、双引号意义相同，完事。猫哥也是时而用单引号，时而用双引号，现在倾向于使用双引号。而在JSON中，因为JSON是一种数据传输格式，各种语言、各种操作系统、各种平台实际上是共享的，共同遵守这么一种标准，共同为其做一些工作以便JSON在各语言、系统、平台都能具备2017-03-09 14:39:03
1502
0