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

js中的数据类型转换

js中数据类型转换是很重要的一部分，通过一些数据类型转换可以达到想要的结果，那么数据类型转换最基础的几个方法是什么呢，来看看我的简单的总结：1<script>2一、Number()3vara='+100';4//alert(a+100);//'100100'5//alert(Number(a));//100...

代码星球 ·2021-02-20

原生js解决简单轮播图的切换

之前写过过一种轮播图的切换，是按照顺序依次点击依次更换图片，这次的图片切换主要是可以有点类似京东的轮播图，区别不同的是没有加定时器，不能自己循环，而需要点击任何一个下标，显示当前所对应的图片。先来看看布局html和css：1<divid="pic">2<imgsrc=""/>3<span&...

代码星球 ·2021-02-20

js获取自身递增及匹配数组内容

上篇博客是每个li里只有仅仅一个div去更改其颜色，但是若是我们遇到每个li里有多个及不同数量的div，而每个div要匹配数组里的颜色，并且依次递增循环，那么就要用到for循环以及清楚了解this指向当前元素是哪一个然后再给其匹配数组中的颜色。这些话有点绕口，那我们来看代码，先来看看布局：1<style>2...

代码星球 ·2021-02-20

js自定义属性以及自定义一组开关应用

任何的html标签都有自己的一个属性，当时那都是它本身的固定属性，而我们在项目中可能会遇到需要给标签添加一些自定义的属性，去判断替换内容或者赋值等等，那么就需要给标签设定一个属性来作为判断标准或者赋值的标准，所以今天就来谈谈给标签自定义属性的一个小应用。案例：三个div有背景色，想要达到效果是点击任何一个给替换颜色再次...

代码星球 ·2021-02-20

this的应用以及原生js解决鼠标移入出现弹层移除消失

今天来说一下this的应用，其实js中的this是指调用当前方法或者函数的那个对象，牢牢记得这个就很好理解了，通过一个鼠标移入出现浮层，移除浮层消失这个小小的案例来进一步说明这个this的应用。先来看看简单的布局代码，以及显示的效果：1<style>2ul,li{list-style:none;}3ul{o...

代码星球 ·2021-02-20

原生js解决图片点击左右切换（简单轮播图）

想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示：效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容；否则，点...

代码星球 ·2021-02-20

js中没有明确判断条件的ifl判断

写今天的判断内容前，先普及一些判断中需要注意的几个点：1、在js中相对路径不能拿来做判断，比如图片的路径或者href里的路径等；2、颜色值：color:red、#f00、rgb()、rgba()也不能直接做判断。这点了解之后，那么就来写今天的案例，就拿背景颜色来写，想要实现的效果是点击一个div，让它变成红色，再次点击...

代码星球 ·2021-02-20

原生js控制字体大小

上篇写到的是关于属性操作的更改添加等，那么今天通过一个简单的案例再来巩固一下更改属性值，有点类似控制新闻页面的文字大小。首先还是先看布局，简单写一句话，并写两个按钮：1<inputid="Btn1"type="button"value="+"name=""/>2<inputid="Btn2"type=...

代码星球 ·2021-02-20

原生js中的innerHTML的用法

上一篇简单提到了innerHTML，那么现在我就通过一个简单的模仿一下发消息的原理例子。接下来简单布局一下：1<divid="box"></div>2<spanid="span1">张三：</span>3<inputtype="text"id="text1"/>...

代码星球 ·2021-02-20

原生js的属性操作

原生js对于我来说确实用的很少，但是今天就想着把原生的js的一些基础知识重新复习一下，毕竟现在关于的原生js的一些插件再复杂也是万变不离其综。先复习一下原生js的一些属性值的添加，替换，修改等。（其实添加和替换的效果差不多）案例1：是添加替换input中的value值，更改button的value值1<input...

代码星球 ·2021-02-20

webstorm如何调试vue项目的js

webstormvuewebstorm调试jsjs1.编辑调试配置，新建JavaScript调试配置，并设置要访问的url地址，如下图所示:在URL处填写示例:http://localhost:8080保存好调试配置2.先用dev正常启动项目，然后切换到刚才设置的js调试名称，点击debug按钮，这时候会打开chrom...

代码星球 ·2021-02-20

Js调用本地exe的方式

1. 使用记事本（或其他文本编辑器）创建一个myprotocal.reg文件，并写入以下内容WindowsRegistryEditorVersion5.00[HKEY_CLASSES_ROOTWebshell]@="URL:WebshellProtocolHandler""...

代码星球 ·2021-02-20

IE浏览器中使用js调用cmd命令行demo

1<htmlxmlns="http://www.w3.org/1999/xhtml">23<head>4<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>5<title>6js调用cmd命令...

代码星球 ·2021-02-20

JS Array.reverse 将数组元素颠倒顺序

<pre><scripttype="text/javascript">//JSArray.reverse将数组元素颠倒顺序//在JavaScript中，Array对象的reverse()方法将颠倒（反转）数组中元素的顺序。arr.reverse()在原数组上实现这一功能，即，reverse()会...

代码星球 ·2021-02-20

jQuery-jqprint.js打印插件使用高版本jQuery时问题

使用jqprint打印插件的网页demo代码：<!doctypehtml><html><head><metacharset="utf-8"><title>jQuery打印插件jqprint</title><!--<scriptlangu...

代码星球 ·2021-02-20