jS主题的文章列表，还有jS的技术要点_第22页

js 控制 easyui datagrid 隐藏之后显示不来的问题

最近有的用到easyui的datagrid，有一个这样的需求，就是当触发一个事件之后控制datagrid的显示与隐藏，初始状态是将其datagrid隐藏起来。说起隐藏datagrid的时候，也遇到了一些问题，关于easyui的datagrid是不可以直接用display这个属性的，那若是想要隐藏这个table，那么就要...

代码星球 ·2021-02-20

简单js来判断移动设备还是pc端打开页面

目前移动端页面出现的地方越来越多，而这个时候页面样式也需要有不同的调整，那么如何判断页面是移动或是pc呢，说到这里，首先来了解一下Navigator对象。Navigator对象包含有关浏览器的信息，下面的userAgent属性是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navi...

代码星球 ·2021-02-20

js和jquery获取屏幕宽高以及加margin和padding等边距的宽高

Javascript:网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的高...

代码星球 ·2021-02-20

js中随机数的形成规律及相应公式

js中随机数的形成需要的用到Math.random()，上一篇博客中提到了它，指的是0~1之间数，那么今天要说的其实是随机整数的形成，所以还要用到Math.round()的方法，这个是四舍五入的方法。接下来看一系列公式代码：window.onload=function(){Math.round(3.4);//3四舍五入...

代码星球 ·2021-02-20

浅谈json和数组的区别

json和数组都是存储数据的，但是也是有一定区别的。区别一：json的下标与数组的下标不一样，json的下标是字符串，数组的下标是数字。<script>window.onload=function(){varjson={name:'Juce',age:'23'};alert(json.age);//又等于a...

代码星球 ·2021-02-20

js实现查找替换关键字的效果

昨天写的例子是查找关键字，今天就在其基础上更改一下便可实现可以替换这些关键字的效果，布局稍有改变：<inputtype="text"/><inputtype="text"/><inputtype="button"value="替换"/><pid="box">轻轻的我走了，...

代码星球 ·2021-02-20

js实现查找关键字效果

一般情况下，我们操作页面上都会有查找某个关键字的的功能，那么今天也简单写一下关键查找页面上关键字的效果！首先页面上要写入一部分内容，然后要有搜索框，来看一下布局：<inputtype="text"/><inputtype="button"value="查找"/><pid="box">...

代码星球 ·2021-02-20

原生js中大小写转化以及split分割字符串方法

关于大小写转化很简单就是两个方法，查教程也可以很明了，这里就简单写一下：varstr0="baidu";str0.toUpperCase();//转为大写str0.toLowerCase();//转为小写然后来说一下split()的方法：具体可以常见的几种返回结果如下：varstr="baidu.com";alert(...

代码星球 ·2021-02-20

js字符串中的比较类以及截取类substring实例

经常回今天说一下substring()方法的特性以及应用。substring()方法用于提取字符串中介于两个指定下标之间的字符，所以它有两个参数，一个是起始的位置，一个是结束的位置，通俗点说就是针对一段字符串的每个字符的位置截取开始到结束的字符。比如说：<p>我爱中国。</p>substring...

代码星球 ·2021-02-20

原生js解决倒计时结束图片抖动之后移动消失的效果

标题看着复杂其实需求就是：一张图片在一段时间倒计时结束之后，先抖动一下然后向下移动消失。不明白什么意思的可以看下图解释：直接来看布局代码，直接把布局以及css都写在一起了：<style>#img{position:absolute;left:15px;top:80px;}#time{width:150px;...

代码星球 ·2021-02-20

原生js解决图片渐渐变透明的效果

今天来封装一个简单的js效果，就是点击一张图片，渐渐的图片的透明度为0，即为图片消失的效果。来看布局即为一张图片：<imgid="img"width="180"src="img/pic4.jpg"/>js效果如下：<script>window....

代码星球 ·2021-02-20

原生js处理倒计时小实例

昨天写了一个简单的不能循环走的倒计时，那么今天写一个添加了定时器之后的倒计时。先来看看布局的代码：<style>.t1{width:400px;}</style><body>　　距离：<inputclass="t1"type="text"value="November27,20...

代码星球 ·2021-02-20

原生js关于倒计时的原理

倒计时经常会在项目中或者电商类网站比如团购或者拼单等等中会有出现，今天就了解一下它的原理，然后写一个简单的倒计时例子。其实关于倒计时原理很简单：就是用未来的时间减去去现在的时间然后换算即可。（未来的时间点（不变）减现在的时间点（在变））。来看简单的例子：计算一下距离今年五一还有多长时间？直接来看代码：布局：<sp...

代码星球 ·2021-02-20

原生js用图片做时间

今天写一个时间例子，用图片组成时分秒。具体来看代码，当然今天的写法只是一种，还有很多种实现方法，来看布局：<pid="times"></p><imgsrc="img/0.JPG"/><imgsrc="img/0.JPG"/><imgsrc="img/0.JPG"/&...

代码星球 ·2021-02-20

原生js获取系统时间

关于时间日常项目中可能会有很多需求，今天就写一个最简单的，将系统时间写入到页面上。直接来看js代码：<script>window.onload=function(){varBody=document.body;//把获取出的时间封装为一个函数，方便加定时器让其自动循环functionTime(){varst...

代码星球 ·2021-02-20