原生js介绍原生态JS是指遵循ECMAscript标准的javascript,不同于微软的jscript也不依赖于任何框架,依托于浏览器标准引擎的脚本语言。原生js获取DOM对象的几种方法通过id获取<div id="id1"></div>
<script>
let box= document.getElementById("id1");
</script
转载
2023-08-10 23:49:48
178阅读
1、遍历元素//不推荐
var element = document.getElementsByTagName('div');
for(var i=0; i<element.length; i++){
element[i].innerHTML = '111';
element[i].style.color = 'red';
}//推荐
var element = docume
转载
2023-06-12 00:41:36
154阅读
1.js代码一般使用引入外部文件的方法,如果使用内嵌式代码需要放在body内容最后,以防htm元素内容未加载,获取不到
获取元素一般使用内置对象document的方法:document.getElementById(“填写id”),返回是元素的对象
//获取元素对象
var o = document.getElementById();
var o = document.getElement
转载
2023-12-26 16:55:03
42阅读
1、原生JavaScript实现字符串长度截取
function cutstr(str, len) {
var temp;
var icount = 0;
var patrn = /[^\x00-\xff]/;
var strre = "";
for (var i = 0; i < str.length;
原创
2020-05-18 21:42:59
1049阅读
点赞
1.输出语句:document.write(""); 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById
转载
2023-10-02 08:34:25
188阅读
前言 首先,什么是原生JS?之前听过很多入门新手都乱不清这个说法。所谓的“原生JS”,只是国人对JavaScript基础(遵循ECMAscript标准)的一种叫法,原生态JavaScript,不依赖任何类库,不适用任何框架,纯粹是原原本本的JavaScript代码。从本质上讲,JavaScript本身就存在一些自己的
转载
2023-08-01 16:43:52
49阅读
Vue.js 是一套构建用户界面的框架,只关注视图层,不操作dom,它不仅易于上手,还便于与第三方库或既有项目整合。 Vue的基本代码:<!-- 1、导入vue包 去官网下载 -->
<script src="./vue-2.4.0.js"></script>
<body>
<!-- 将来 new 的Vue实例,会控制这个 元素
转载
2023-12-14 02:16:30
91阅读
Javascript 中 str、 arr、date、obj 等常见的原生方法总结本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法,那么熟悉的同学又可以绕道了 总是绕道,真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn )Object(Javascript 自带属性和方法)Object 自带属性Object 自带一个 prototype 属性
转载
2024-04-01 06:55:09
37阅读
核心原理: 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。 * 如何分片; * 如何合成一个文件; * 中断了从哪个分片开始。 如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员 ...
转载
2021-09-08 15:03:00
159阅读
2评论
在html5中,新增了很多语义化的标签。如footer、header之类的,今天的主角是dialog标签顾名思义,就是用来定义对话框的。目前只有Chrome和Safari支持该标签,所以用的不多,不过确实挺好用的别担心,有官方的polyfill。 使用方法1. 基础的用法可以open属性控制dialog是否显示,效果如下: 看看浏览器渲染的默认样式: 是挺丑的,
转载
2023-11-20 12:37:11
188阅读
1.什么是AJAX?AJAX即“Asynchronous Javascript And XML”(异步的JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构,AJ
转载
2024-08-09 15:24:12
61阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仓库成品.
原创
2022-09-02 15:40:37
96阅读
Object对象生成实例对象var o = new Object()属性Object.prototype //返回原型对象方法Object.keys(o) //遍历对象的可枚举属性Object.getOwnPropertyName(o) //遍历对象不可枚举的属性对象实例的方法// 返回当前对象对应的值。 // 返回当前对象对应的字符串形式。 // 返回当前对象对应的本地字符串形式。 // 判断某
转载
2024-01-29 06:35:14
57阅读
Object对象生成实例对象var o = new Object()属性Object.prototype //返回原型对象方法Object.keys(o) //遍历对象的可枚举属性Object.getOwnPropertyName(o) //遍历对象不可枚举的属性对象实例的方法valueOf // 返回当前对象对应的值。toString&
转载
2023-12-06 20:22:54
78阅读
Js 对象
使用new 关键字来创建对象,举例如下,
var a = new String();
如构造函数无参数,则不必加括号,JS内部对象
数组(Array)对象
创建数组
var myarray = new Array(0); //创建一个长度为0的数组var myarray = new Array(1,2,3); //创建一个指定长度的数组,禀赋初值
数组长度不固定,赋值即可改变长度
转载
2023-07-18 14:46:14
71阅读
https://www.jianshu.com/p/3dfa883721deajax 的核心就是我们今天要学的的原生请求,**XMLHttpRequest**对象。一. XMLHttpRequer 对象 创建: 通过 new 来创建。1. 使用 XHR open: 接收三个参数,分别为请求类型,请求的URL,请求是否异步,该方法为发送请求做好准备 send: 接收一个参数,请求体发送的内容,如果不
转载
2023-12-15 19:40:09
84阅读
简介:在我们的WebApp项目中,Dialog是个不可或缺的元素,很多页面操作都通过Dialog来进行,今天我们就Dialog显示数据、提交数据做进一步分析。分析:1. Dialog的生命周期:2. Dialog的结构:标题、内容(DOM)、数据、提交栏、
转载
2023-11-23 22:55:47
54阅读
Ajax 是异步的JavaScript和XML的简称,是一种更新页面某部分的机制。它赋予了你从服务器获取数据后,更新页面某部分的权力,从而避免了刷新整个页面。另外,以此方式实现页面局部更新,不仅能有效地打造流畅的用户体验,而且减轻了服务器的负载。下面是对一个基本的 Ajax 请求进行剖析:var xhr = new XMLHttpRequest();
xhr.open('GET', 'send-a
转载
2023-10-30 22:26:04
107阅读
1.数组检测obj instanceof Array//trueArray.isArray(obj)//trueObject.prototype.toString.call(obj)//"[object Array]"2.转换方法arr.toString()、arr.valueOf()3.栈方法push()在数组末端推入,pop()在数组末端弹出4.队列方法shift()返回数组第一项,数组长度减
转载
2023-12-15 20:07:46
83阅读
JS 实现 PromiseMDN Promise 参考地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise源码已经放在github:https://github.com/ronliruonan/sv-book/tree/master/javascript/promise
转载
2024-06-19 04:08:19
159阅读