资讯专栏INFORMATION COLUMN

js搜索关键字(Ctrl + F)

Clect / 2131人阅读

摘要:为了修好发动机,阻止地球坠入木星,全球开始展开饱和式营救,连刘启他们的车也被强征加入。方法用于把一个字符串分割成字符串数组。空字符串每个字符之间都会被分割存在的字符串不存在的字符串把数组中的所有元素放入一个字符串可选。


流浪地球

近未来,科学家们发现太阳急速衰老膨胀,短时间内包括地球在内的整个太阳系都将被太阳所吞没。为了自救,人类提出一个名为“流浪地球”的大胆计划,即倾全球之力在地球表面建造上万座发动机和转向发动机,推动地球离开太阳系,用2500年的时间奔往另外一个栖息之地。中国航天员刘培强(吴京 饰)在儿子刘启四岁那年前往国际空间站,和国际同侪肩负起领航者的重任。转眼刘启(屈楚萧 饰)长大,他带着妹妹朵朵(赵今麦 饰)偷偷跑到地表,偷开外公韩子昂(吴孟达 饰)的运输车,结果不仅遭到逮捕,还遭遇了全球发动机停摆的事件。为了修好发动机,阻止地球坠入木星,全球开始展开饱和式营救,连刘启他们的车也被强征加入。在与时间赛跑的过程中,无数的人前仆后继,奋不顾身,只为延续百代子孙生存的希望……


var inputKeyword = document.getElementsByTagName("input")[0];
var btnSearch = document.getElementsByTagName("button")[0];
var text = document.getElementsByClassName("lead")[0];

btnSearch.onclick = function () {
    var keyword = inputKeyword.value;
    if (!keyword) {
        return;
    }
    var textSplit = text.innerHTML.split(keyword);
    text.innerHTML = textSplit.join("" + keyword + "");
}

// 敲黑板(知识点)
// 1. innerHTML 设置或返回开始和结束标签之间的 HTML。

// 2. value
// value 属性可设置或者返回文本域的 value 属性值。
// value 属性包含了默认值或用户输入的值(或通过脚本设置)。

// 3. split() 方法用于把一个字符串分割成字符串数组。
var testString = "The Wandering Earth";

// 空字符串
var resultNull = testString.split("");
console.log(resultNull); // 每个字符之间都会被分割
// (19) ["T", "h", "e", " ", "W", "a", "n", "d", "e", "r", "i", "n", "g", " ", "E", "a", "r", "t", "h"]

// 存在的字符串
var resultHave = testString.split("W");
console.log(resultHave);
// (2) ["The ", "andering Earth"]

// 不存在的字符串
var resultNo = testString.split("z");
console.log(resultNo);
// ["The Wandering Earth"]

// 4. arrayObject.join(separator) 把数组中的所有元素放入一个字符串
// separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
// 返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102044.html

相关文章

  • 一个前端开发工程师的Vim跟IDE一样

    摘要:一组就是一个插件,的很多功能都由各式插件实现。与相反到行头到本行的第一个非字符到行尾到本行最后一个不是字符的位置。到逗号前的第一个字符。在当前行查找第三个出现的。工程文件菜单自定义快捷键显示文件菜单自带快捷键显示隐藏隐藏文件在新 这里是我新配置出来的 jaywcjlove/vim-web 一直在打磨中,基本上可以用了。拿出来骗 star 先上图 showImg(https://segm...

    Vultr 评论0 收藏0
  • 工欲善其事,必先利其器 _SUBLIME TEXT 3_使用心得(上篇)

    摘要:的主要功能包括拼写检查,书签,完整的,功能,即时项目切换,多选择,多窗口等等。缺点是一款收费软件,不过可以无限期使用。举个栗子快速选中并更改所有相同的变量名函数名等。设置书签,切换书签左右字母互换。 Sublime text 简介 Sublime text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Tex...

    endless_road 评论0 收藏0
  • 如何把phpStorm打造成自己的专属IDE?

    摘要:本身是一款收费的软件,有经济基础的还是建议购买注册号,支持正版。选择自己喜欢的风格,即可。如何安装自己下载的主题在官方主题下载自己喜欢的主题,下载下来的是格式的,然后将文件拷贝到的配置目录里。 php开发神器之一,必然会说到phpStorm,工具的强大之处是有目共睹的,开发工具即使再强大,功能再齐全,也是一种工具,重要的是你怎么看待它和使用它。之前一直用的zend studio,最近试...

    Forelax 评论0 收藏0
  • 你不知道的Chrome DevTools(2):那些debug的技巧

    摘要:我打算把一些上使用的高级技巧写成你不知道的这一系列的博文,希望大家一起学习学习。然而,这还不是最严重的,因为的语法比较宽松和随意,所以同一功能多种写法,各种奇葩都有。总结前端在调试代码的时候,知道开发工具上的小技巧,可以提高查找问题的效率。 Web前端开发过程中必然会用到Chrome浏览器自带的开发者工具Chrome DevTools,使用它作为Web前端开发性能调试的必备工具。就连隔...

    warnerwu 评论0 收藏0

发表评论

0条评论

Clect

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<