JavaScript JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>微信搜索:伊洛的小屋</titl
http://ted.mielczarek.org/code/mozilla/bookmarklet.html javascript:(function(){var script=document.createElement('script');script.src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js';document.body.appendChild(script);const event=do
初学DOM,将DOM部分归纳一下,从获取元素,事件基础,操作元素方面 这里pick pink老师 讲的真的超级细 首先,先看一下DOM树(这张图做的有点糙,请见谅见谅哈) 文档:一个页面就是一个文档,在DOM中使用document 元素:页面中所有的标签都是,在DOM中使用element 节点:页面中所有的内容都是,在DOM
window.onload = function() { // 手机号正则 var regtel = /^1[3|4|5|7|8]\d{9}$/; var regqq = /^[1-9]\d{4,}$/; var regnc = /^[\u4e00-\u9fa5]{2,8}$/; var regmes = /^\d{6}$/; var regpwd = /^[a-zA-
document.querySelector(".fixed-table-body").addEventListener("scroll", function(){alert("监听滚动条事件")});var func_scrolltop = function(){ // console.log(tspg.soltop); var a = document.querySelector(".layui-table-main&qu
使用锚点定位不改变url同时平滑的滑动到锚点位置,不会生硬的直接到锚点位置 对前端来说锚点是一个很好用的技术,它能快速定位到预先埋好的位置。 但是美中不足的是它会改变请求地址url,当用户使用了锚点的时候锚点的名称会被添加到url的最后面。 就像这样: 此时如果用户
1.querySelector该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。 element = document.querySelector('div#container');//返回id为container的首个div element = document.querySelector('.foo,.bar
id选择器 大小写敏感console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法 标签选择器(getElementsByTagName) 返回的是 获取过来元素对象的集合 以伪数组的形式存储的,可以循环遍历,而且是动态的 element.getElementsByTagName('标签名'); 父元素必须是指定的单个元
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
转载自:https://www.cnblogs.com/daysme/p/6538588.html DOM节点操作函数总结 .parentNode 获取父级元素 移除元素 function remove(el){ var toRemove = document.querySelector(el) toRemove.parentNode.removeChild(toRemove) } 获取父级元素 document.quer
常见的查找HTML元素的3种方式: 通过ID的方式查找 document.getElementByid(‘id名’); 以对象的形式返回该元素,此时无法输出对象的长度,因其不是数组。 通过标签名的方式查找 document.getElementByTagName(‘标签名’); 以集合的形式返回元素,可计算长度。 通过类名的方式查找
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 class="time"></h1> <button class="s
博客园文章版权声明(js自动生成) 一.代码 我比较直接,直接上代码,把下面html放右侧,首页,页脚都可以 <style> #MySignature { display: block; background-color: #c6ced4; border-radius: 7px; box-shadow: 1px 1px 1px #6B6B6B; pa
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Comp
vue中监听滚动事件,然后对其进行事件处理,一般有:1. 滚动到顶部吸附; 2. 根据滚动的位置激活对应的tab键(锚链接tab键) 这两种方式的处理都是可通过监听scroll来实现 mounted(){ window.addEventListener('scroll',this.handleScroll) // 监听滚动事件,然后用handleScroll这个方法
1.前言 很多时候,页面的dom元素是动态添加的,而我们不知道具体是哪段js代码在操作这个dom元素,所以需要进行断点,对相应的dom元素进行断点监听,这样才能找出相关的js代码。 在浏览器的调试工具中,切到elements一栏,右键想要操作的dom元素,在弹出的菜单中选中 "Break on",会弹出三个子选项: s
DOM 操作元素 JavaScript的DOM操作可以改变网页内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性等。 DOM操作元素: 一、操作元素:(一)innerText 、(二)innerHTML 二、操作常见元素属性:src、href、title、alt等; 三、操作表单元素属性:type、v
偶然看到收藏一下 const puppeteer = require('puppeteer');const fs = require('fs');(async () => { const browser = await puppeteer.launch({ headless: true }) const page = await browser.newPage(); await page.goto(
设置div的contenteditable属性为true可以模仿富文本 <div class="text" contenteditable="true"></div><input @change="chooseImg" type="file" accept="image/*" /> chooseImg(e) { var reader = new FileRea
表格练习demo 编辑器制作效果展示: 代码展示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> td {border: 1px solid black;background-color: #eee;wid
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时
BOM和DOM和ECMAscript的关系: BOM是运行平台,BOM规则建立在ECMAscript的规则之上 DOM是运行在平台上的页面 ECMAscript是用来操作平台或运行在平台上的页面的工具 BOM:浏览器对象模型(Browers Object MOdel) window是js中的顶层对象,所有的全局都属于window;window窗口:提供了
JavaScript是基于对象、采用事件驱动的脚本语言。在DOM中,通过鼠标或按钮在浏览器窗口或网页上执行的操作称为事件。 事件处理过程: 事件是在浏览器的作用域内发生的事情——用户点击按钮、鼠标指针移动,或者从服务器加载完web页面等等。多个不同的事件使脚本能够响应鼠标、键盘
.NET轻松写博客园爬虫 爬虫,是一种按照一定的规则,自动地抓取网站的程序或者脚本。.NET写爬虫非常简单,并能轻松优化性能。今天我将分享一段简短的代码,爬出博客园前200页精华内容,然后通过微小的改动,将代码升级为多线程爬虫,让爬虫速度提升数倍;最后将对爬到了内容进行一些有趣的分析。