shuffle() 方法、removeAttribute() 方法、split() 方法

简介: 内容包括demo代码,应用和定义,以及参考文献,本文主要内容是学习js期间学到的一些实用的零碎的js1知识,我都记下来了,需要的朋友可以过来参考下,前后可能没有太大的相关性。喜欢的可以点个赞,希望对大家有所帮助。参数lst -- 这可能是一个列表或元组。作用:打乱一个有序数组,最高效的数组乱序方法应用:打乱输出后,从头输出可用来输出随机数字。 这里有篇文章介绍数组乱序效率www.jb51.net/article/560… HTML DOM removeAttribute()

image.png写在前面:内容包括demo代码,应用和定义,以及参考文献,本文主要内容是学习js期间学到的一些实用的零碎的js1知识,我都记下来了,需要的朋友可以过来参考下,前后可能没有太大的相关性。喜欢的可以点个赞,希望对大家有所帮助。

微信截图_20220621152629.png

Python shuffle()方法


语法


shuffle (lst )复制代码


参数

lst -- 这可能是一个列表或元组。


作用:

打乱一个有序数组,最高效的数组乱序方法


应用:

打乱输出后,从头输出可用来输出随机数字。


这里有篇文章介绍数组乱序效率www.jb51.net/article/560…


HTML DOM removeAttribute() 方法


定义和用法

removeAttribute() 方法删除指定的属性(可用来清空设置的style属性)


语法

element.removeAttribute(attributename)


效果

image.png

代码和效果

image.png

demo(demo比较长,放在文末)


audio.pause引用JQury导致不能正常播放(引用音频,不能调用JQ的函数,否则会导致音频无法播放。)

问题描述:之前调用JQ的$,来获取dom,然后下面的pause就显示没有定义,因为这里调用了JQ,JQ里面没有封装pause,导致pause没有定义。


正确的代码


//之前引入JQ,然后用$("music"),会报错。因为pause没在JQ里面封装函数,不能调用JQ,所以要用getElementById("music");获取dom。
var audio=document.getElementById("music");
function runMusic() {//这是一个点击事件
    if (audio.paused){
        audio.play();
    }else {
        audio.pause();
    }
}复制代码


split()方法


语法


string.split(separator,limit)复制代码


参数

separator:可选。字符串或正则表达式,从该参数指定的地方分割 string Object。


limit:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。


用法:split() 方法用于把一个字符串分割成字符串数组。


提示: 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。


注意: split() 方法不改变原始字符串。


demo

var a ="1,2,3,4,5,6"//这是一个字符串变量,里面包含"1,2,3,4,5,6"这个字符串。
var B = a.split(",")//从逗号处分割成一个字符串,返回值是数组B=[1,2,3,4,5,6];


后话:这次就先记这三个,还有一些没记,以后再记。(下面有removeAttribute() 方法的demo*)


removeAttribute() 方法


demo


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
    height:400px;
    width:600px;
    border:#333 solid 1px;
    padding:5px;}
p{
    line-height:18px;
    text-indent:2em;}
</style>
</head>
<body>
  <h2 id="con">JavaScript课程</H2>
  <div id="txt"> 
     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
        <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p>
        <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
        <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
  </div>
  <form>
  <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
    <input type="button" value="改变颜色" onclick="color()" />  
    <input type="button" value="改变宽高"  onclick="widthHeight()"/>
    <input type="button" value="隐藏内容"  onclick="cantent()"/>
    <input type="button" value="显示内容"  onclick ="block()"/>
    <input type="button" value="取消设置" onclick="recover()" >
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
var cantent_box = document.getElementById("txt");
function color(){
    cantent_box.style.color = "red";
    cantent_box.style.backgroundColor = "blue";
}
function widthHeight(){
    cantent_box.style.width ="100px";
    cantent_box.style.height ="600px";
}
function cantent(){
    cantent_box.style.display ="none";
}
//定义"改变宽高"的函数
//定义"隐藏内容"的函数
function block(){
    cantent_box.style.display = "block";
}
//定义"显示内容"的函数
function recover()
    {var open=confirm("是否取消设置");
    if(open==true)
    {
       txt.removeAttribute("style");
    } 
}
//定义"取消设置"的函数
  </script>
</body>
</html>


目录
相关文章
|
3月前
|
分布式计算 Serverless 数据处理
|
5月前
|
Java 测试技术
collections.shuffle用法详解
collections.shuffle用法详解
|
6月前
|
Linux
split 的详细用法
【4月更文挑战第13天】split 的详细用法
116 9
|
算法 开发者 索引
【C++11算法】random_shuffle和shuffle
【C++11算法】random_shuffle和shuffle
307 0
|
6月前
|
Python
split和join的区别
split和join的区别
|
6月前
|
分布式计算
MapReduce中的Map和Reduce函数分别是什么作用?
MapReduce中的Map和Reduce函数分别是什么作用?
327 0
|
索引
reduce的介绍及用法
reduce的介绍及用法
124 0
|
存储 Python
有趣的shuffle方法
有趣的shuffle方法
144 0
|
SQL 分布式计算 开发工具
Spark 3.1.1 shuffle fetch 导致shuffle错位的问题
Spark 3.1.1 shuffle fetch 导致shuffle错位的问题
502 0
|
数据采集 Python
如何使用reduce(),filter()对数据进行求积,去除None,空字符串
如何使用reduce(),filter()对数据进行求积,去除None,空字符串