首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS BOM知识整理

BOM部分主要是针对浏览器内容,其中常用就是window对象和location, window是全局对象很多关于浏览器脚本设置都是通过它。   ...location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定内容。   navigator中有很多浏览器相关内容,通常判断浏览器类型都是通过这个对象。   ...screen常常用来判断屏幕高度宽度等。   history不太常用,一般应该不会有写关于历史记录脚本。 其中比较常用内容就是: 如何判断各种版本浏览器 导图 ?...console.log("次版本信息"); console.log(navigator.appMinorVersion); console.log("完整浏览器名称...(navigator.systemLanguage); console.log("浏览器用户代理字符串"); console.log(navigator

83090
您找到你想要的搜索结果了吗?
是的
没有找到

JS设置标签内容和样式

掌握JS操作符目的是为了能够灵活操作变量,以便完成JS各种逻辑处理;掌握数据类型转换可以让我们避免一些不该发生问题,能够让我们更好完成JS各种功能。...而今天我们主要讲解JS逻辑和DOM结合 - JS设置标签内容和样式。 Tips:由于上一期文章篇幅过长,微信文章有字数要求,所以小编把部分内容(操作符)放到这一期进行讲解。...基础算是告一段落了,希望大家能把JS基础打扎实,它直接影响着后期JS学习。...3 获取/设置标签内容 现在可以利用JS来控制标签样式,能否利用JS控制标签内容?当然可以,我们可以使用innerHTML属性实现修改或获取标签中内容。...,为实现动态交互效果打下一定基础; 掌握操作标签内容目的在于能够灵活操作标签内容,能够更好辅助页面交互效果实现。

20.3K90

JS如何替换元素内容

1670377618&vid=wxv_2646876504282578945&format_id=10002&support_redirect=0&mmversion=false 前言 我们网页中元素内容有的是静态...,有的是动态,特别是在一些网页交互网页特效里,应用比较多,如何简单替换元素内容 01 原生JS实现 在原生js中主要通过DOM提供属性去修改,遵循js一个使用规范,获取元素,绑定事件,操作...// get elem var myDom = document.getElementById("myDom"); myDom.innerHTML = '要修改替换内容...当中,innerHTML是DOM元素对象一个非常重要属性,可以获取元素整个节点内容,包括标签元素,表示元素所有内容,包括子元素,文本等 注意要与innerText区分,innerText只可以获取文本节点内容...,如果仅是修改DOM元素节点文本内容,使用innerText也是可以 而在vue里面,并不是通过操作DOM去实现,而是操作数据,通过操作数据实现,与原生js使用是有差异

10.6K20

Stata | 整理调查问卷修改内容清单

但是今天鼓捣了调研中遇到问题,觉得有必要记录一下。 问题是这样:入户过程中发调查问卷中一些问题,项目组出发前每天更新修改清单,让我们出发前先修改问卷。...每天公布修改内容如上图(出于内容保密加了马赛克)。 ? 显而易见,累加要修改内容越来越多。而且有个麻烦问题,那边给清单没有按照题号先后顺序排,手动修改起来要前后翻页(问卷有18页...)。...**** python: import pytesseract from PIL import Image # 从图片识别文本 image = "问卷修改清单.jpg" f = open("问卷修改内容...gen number = ustrregexs(0) if ustrregexm(content,"[A-Z]\d+") == 1 sort content order number content 最后整理出来效果是这样...虽然没做到百分之百准确和整洁,但是大致按照题号前后顺序排列,对照修改时候会省去前后来回翻页时间。

1.3K10

js常用面试题整理

最后添加一个或者多个;reverse颠倒数组;shift删除第一个元素;unshift首部添加元素;concat衔接两个数组;join把数组按照指定字符变为字符;slice(1,1)截选数组元素; 2、js...这个选项可以在不影响构建速度前提下生成完整sourcemap,但是对打包后输出JS文件执行具有性能和安全隐患。...在开发阶段这是一个非常好选项,在生产阶段则一定不要启用这个选项; babel是一个编译js平台,把es6/es7转换成浏览器支持es5提供浏览器使用; 6、js数据类型 String,Number...)新特性 可以使用async/await 9、Zepto.js介绍 Zepto是一个针对移动端浏览器轻量级js库,和jquery比较类似; 10、redux介绍 Redux最重要用途是应用状态管理...因为原生webgo很复杂所以我们会常用一些三方库,比如three.js和Egret(白鹭引擎),使用三库做H5游戏比较多,实质都大同小异:场景、相机、渲染器,创建场景,组件相机,创建物体渲染到页面

1.2K20

Vue.js入门手册整理

说明文档 build build/ build.js check-versions.js dev-client.js dev-server.js utils.js...用到css source map等内容 webpack.base.conf.js 一些基础配置文件,不能随意修改 webpack.dev.conf.js 开发模式基础配置文件,不能随意修改 webpack.prod.conf.js...生产模式基础配置文件,不能随意修改 config config/ dev.env.js index.js prod.env.js index.js 定义了 开发时端口(默认是...8080),定义了图片文件夹(默认static), 定义了开发模式下 代理服务器 dev.env.js 开发环境模式配置文件 prod.env.js 生产环境模式配置文件 dist 打包之后文件所在目录...▾ router/ index.js App.vue main.js assets: 存放图片文件夹 components: 用到"视图"和"组件"所在文件夹。

2.2K50

【Node.JS】读取文件内容

目录 fs文件系统模块 fs.readFile() 成功时, 失败时, ---- fs文件系统模块 fs模块是Node.js官方提供,用来操作文件模块,它提供了一系列方法和属性,用来满足用户对文件操作需求..., 例如:fs.readFile()方法,用来读取指定文件中内容。...如果想要在js代码中,使用fs模块来操作文件,则需要使用如下方式先导入它。...参数三:callback是必选参数,文件读取完成后,通过回调函数拿到读取结果,回调函数有两个值, 成功时, 第一个值是没有读取产生值为null,第二个值为读取成功拿到值。...txt', 'utf8', function (err, data) { console.log(err); console.log(data); }) 失败时, 第一个值为对象形式错误提示

11.5K20
领券