JS相关问题
目前是小白
这个作者很懒,什么都没留下…
展开
-
JavaScript中字符串转数字类型的几种方法以及这几种方法的区别
①Number ★数字类型的字符串,转换之后得到的数字。 ★非数字字符串,转换之后得到是NaN。 ★小数类型的字符串,转换之后得到的是原数字。②parseInt ★整数数字类型的字符串,转换之后得到的整数数字。 ★数字开头的字符串,转换之后得到的是前边的数字。 ★非数字开头的字符串,转换之后得到的是NaN。 ★小数类型的字符串,转换之后取整。③parseFloat ★整数数字类型的字符串,转...原创 2018-06-28 11:07:28 · 422 阅读 · 0 评论 -
input框相关的基础知识
1.onfocus事件onfocus获取焦点,也就是文本框输入内容,如果文本框内容是“请输入...",则输入框清空,如果不是这几个字说明是用户输入了内容,当用户输入一半再次回来输入时获取焦点之后不至于清空内容。2.onblur事件onblur失去焦点,当用户离开文本框,也就是用户在文本框输入之后进行了别的操作,此时就判断文本框的值是否为空,若是则显示”请输入...",如果不为空则不显示...原创 2018-07-27 15:15:33 · 308 阅读 · 0 评论 -
JS基础中的基础,其中易出错的地方
1.全局变量和局部变量下面这种情况相当于b和c没有var,所以b和c是全局变量,a是局部变量。 <script> f1(); console.log(c); console.log(b); console.log(a); function f1() { var a = b = c = 9;//这种情况相当于b和c没有var,所以b和c是全局变量,a...原创 2018-07-27 14:45:22 · 169 阅读 · 0 评论 -
JS简单的动画函数的封装(基于步长)
1.匀速动画函数的封装 obj指的是运动的对象,target指的是运动对象的目标值。function animate(obj,target) { clearInterval(obj.timer); //先判断是往前走还是往回走 var speed = target - obj.offsetLeft>0? 5: -5; obj.timer = setI...原创 2018-07-29 17:32:35 · 1517 阅读 · 0 评论 -
JS操作字符串
参考如下代码:<body> <div id="div1">what's your name?</div> <div id="div2">My name is rose.</div> <button id="btn1">concat()</button&原创 2018-07-28 22:31:28 · 163 阅读 · 0 评论 -
JS节点的相关操作
var demo = document.getElementById("demo"); //创建节点 var div = document.createElement("div"); var test = document.createElement("ul"); //获取demo下的所有子标签 var childrens = demo.children //插入节点,并...原创 2018-07-28 17:54:30 · 132 阅读 · 0 评论 -
JS中的一些基础知识的浏览器兼容性写法
1.兄弟节点 .nextElementSibling谷歌、火狐、IE9以上等其它浏览器认识的.nextSibling是IE6,7,8认识的var li = one.nextElementSibling || one.nextSibling;2.scrollTop和scrollLeft谷歌和没有声明<!DOCTYPE>的认识document.body.scrollT...原创 2018-07-28 17:44:47 · 590 阅读 · 0 评论 -
JS封装带有id的class类函数
function getClassId(classname,id) { //浏览器支持的情况下 if(document.getElementsByClassName) { //判断是否有id,若是有则返回该id下的所有带有classname的元素 if(id) { return document.getElementById(id).getElementsByCl...原创 2018-07-28 17:17:39 · 393 阅读 · 0 评论 -
JS封装class类名的函数
function getClass(classname){ // 浏览器支持的情况下 if(document.getElementsByClassName) { return document.getElementsByClassName(classname); } // 不支持的情况下 var arr = [];//用来存放符合类名条件的元素 var de...原创 2018-07-28 16:33:20 · 1235 阅读 · 0 评论 -
JS数组常用方法
1.向数组中添加元素 ①push() 可以向数组的末尾添加一个或者多个元素,并返回新的长度。②unshift() 从数组的前面添加,并返回新的长度。2.从数组中删除元素①pop() 删除最后一个元素,返回数组最后一个值,也就是删除掉的那个值。②shift() 把数组中的第一个元素删除,并返回第一个元素的值。3.连接数组concat() 用于连接两个或者多个...原创 2018-07-28 15:10:34 · 154 阅读 · 0 评论 -
使用JS获取数组的索引值index
var lis = getElementsByTagName("li");for(var i=0;i<lis.length;i++){ lis[i].index = i;//赋予每个li索引值,这是难点,比较难理解! lis[i].onclick = function(){ alert(this.index); }}...原创 2018-07-11 18:29:32 · 32638 阅读 · 0 评论 -
javascript中的运算符优先级
运算符描述1 . [] ()字段访问、数组下标、函数调用以及表达式分组2 ++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值3 * / %乘法、除法、取模4 + - +加法、减法、字符串连接5 << >> >>...转载 2018-07-09 14:51:29 · 248 阅读 · 0 评论 -
jquery判断鼠标划入和离开方向
判断鼠标经过一个盒子时是从什么方向进入的又是从什么方向离开的这个计算方法比较复杂,在以后有兴趣可以深究。<script src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function() { ...转载 2018-08-14 18:51:03 · 670 阅读 · 0 评论