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>


目录
相关文章
|
12天前
|
数据采集 人工智能 安全
|
7天前
|
机器学习/深度学习 人工智能 前端开发
构建AI智能体:七十、小树成林,聚沙成塔:随机森林与大模型的协同进化
随机森林是一种基于决策树的集成学习算法,通过构建多棵决策树并结合它们的预测结果来提高准确性和稳定性。其核心思想包括两个随机性:Bootstrap采样(每棵树使用不同的训练子集)和特征随机选择(每棵树分裂时只考虑部分特征)。这种方法能有效处理大规模高维数据,避免过拟合,并评估特征重要性。随机森林的超参数如树的数量、最大深度等可通过网格搜索优化。该算法兼具强大预测能力和工程化优势,是机器学习中的常用基础模型。
340 164
|
6天前
|
机器学习/深度学习 自然语言处理 机器人
阿里云百炼大模型赋能|打造企业级电话智能体与智能呼叫中心完整方案
畅信达基于阿里云百炼大模型推出MVB2000V5智能呼叫中心方案,融合LLM与MRCP+WebSocket技术,实现语音识别率超95%、低延迟交互。通过电话智能体与座席助手协同,自动化处理80%咨询,降本增效显著,适配金融、电商、医疗等多行业场景。
344 155
|
7天前
|
编解码 人工智能 自然语言处理
⚽阿里云百炼通义万相 2.6 视频生成玩法手册
通义万相Wan 2.6是全球首个支持角色扮演的AI视频生成模型,可基于参考视频形象与音色生成多角色合拍、多镜头叙事的15秒长视频,实现声画同步、智能分镜,适用于影视创作、营销展示等场景。
557 4
|
15天前
|
SQL 自然语言处理 调度
Agent Skills 的一次工程实践
**本文采用 Agent Skills 实现整体智能体**,开发框架采用 AgentScope,模型使用 **qwen3-max**。Agent Skills 是 Anthropic 新推出的一种有别于mcp server的一种开发方式,用于为 AI **引入可共享的专业技能**。经验封装到**可发现、可复用的能力单元**中,每个技能以文件夹形式存在,包含特定任务的指导性说明(SKILL.md 文件)、脚本代码和资源等 。大模型可以根据需要动态加载这些技能,从而扩展自身的功能。目前不少国内外的一些框架也开始支持此种的开发方式,详细介绍如下。
1009 7