ICode9

精准搜索请尝试: 精确搜索
  • JavaScript基础1--简介及简单应用2020-09-20 12:01:02

    JavaScript JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>微信搜索:伊洛的小屋</titl

  • 常用js登陆脚本2020-09-09 07:33:09

    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基础,获取元素,事件基础,操作元素,节点操作2020-06-11 23:03:52

    初学DOM,将DOM部分归纳一下,从获取元素,事件基础,操作元素方面 这里pick pink老师 讲的真的超级细 首先,先看一下DOM树(这张图做的有点糙,请见谅见谅哈) 文档:一个页面就是一个文档,在DOM中使用document 元素:页面中所有的标签都是,在DOM中使用element 节点:页面中所有的内容都是,在DOM

  • 表单验证正则2020-06-09 13:04:09

    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-

  • layerui 页面定位和行定位2020-06-08 14:04:00

    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同时平滑的滑动到锚点位置,不会生硬的直接到锚点位置2020-06-03 18:07:27

    使用锚点定位不改变url同时平滑的滑动到锚点位置,不会生硬的直接到锚点位置   对前端来说锚点是一个很好用的技术,它能快速定位到预先埋好的位置。 但是美中不足的是它会改变请求地址url,当用户使用了锚点的时候锚点的名称会被添加到url的最后面。 就像这样:        此时如果用户

  • HTML5中选择器querySelector的使用2020-05-17 13:54:11

    1.querySelector该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。 element = document.querySelector('div#container');//返回id为container的首个div element = document.querySelector('.foo,.bar

  • JSwebAPIs选择器以及操作元素属性和样式2020-04-03 12:01:42

    id选择器 大小写敏感console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法   标签选择器(getElementsByTagName) 返回的是 获取过来元素对象的集合 以伪数组的形式存储的,可以循环遍历,而且是动态的  element.getElementsByTagName('标签名'); 父元素必须是指定的单个元

  • 自定义属性和充满屏幕2020-03-08 13:00:19

    <!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

  • 拖拽借口2020-03-08 12:58:14

    <!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

  • 原生JS操作DOM节点代码2020-02-04 13:06:42

    转载自:https://www.cnblogs.com/daysme/p/6538588.html DOM节点操作函数总结 .parentNode 获取父级元素 移除元素 function remove(el){ var toRemove = document.querySelector(el) toRemove.parentNode.removeChild(toRemove) } 获取父级元素 document.quer

  • getElementByXXX与querySelector的区别2020-01-30 09:42:53

    常见的查找HTML元素的3种方式: 通过ID的方式查找 document.getElementByid(‘id名’); 以对象的形式返回该元素,此时无法输出对象的长度,因其不是数组。 通过标签名的方式查找 document.getElementByTagName(‘标签名’); 以集合的形式返回元素,可计算长度。 通过类名的方式查找

  • setInterval与setTimeout2020-01-28 15:02:21

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 class="time"></h1> <button class="s

  • 博客园文章版权声明(js自动生成)2020-01-20 19:08:03

    博客园文章版权声明(js自动生成) 一.代码 我比较直接,直接上代码,把下面html放右侧,首页,页脚都可以 <style> #MySignature { display: block; background-color: #c6ced4; border-radius: 7px; box-shadow: 1px 1px 1px #6B6B6B; pa

  • 数组模拟三级联动2020-01-15 13:02:25

    <!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监听滚动事件2019-12-31 09:01:10

    vue中监听滚动事件,然后对其进行事件处理,一般有:1. 滚动到顶部吸附; 2. 根据滚动的位置激活对应的tab键(锚链接tab键)  这两种方式的处理都是可通过监听scroll来实现 mounted(){   window.addEventListener('scroll',this.handleScroll) // 监听滚动事件,然后用handleScroll这个方法

  • HTML添加断点2019-12-26 21:56:26

    1.前言 很多时候,页面的dom元素是动态添加的,而我们不知道具体是哪段js代码在操作这个dom元素,所以需要进行断点,对相应的dom元素进行断点监听,这样才能找出相关的js代码。 在浏览器的调试工具中,切到elements一栏,右键想要操作的dom元素,在弹出的菜单中选中 "Break on",会弹出三个子选项: s

  • DOM操作元素2019-11-08 22:58:13

           DOM 操作元素        JavaScript的DOM操作可以改变网页内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性等。 DOM操作元素: 一、操作元素:(一)innerText 、(二)innerHTML 二、操作常见元素属性:src、href、title、alt等; 三、操作表单元素属性:type、v

  • Nodejs后端自动化测试2019-10-07 19:01:06

    偶然看到收藏一下 const puppeteer = require('puppeteer');const fs = require('fs');(async () => { const browser = await puppeteer.launch({ headless: true }) const page = await browser.newPage(); await page.goto(�

  • 在textarea中插入图片2019-09-22 15:04:41

    设置div的contenteditable属性为true可以模仿富文本 <div class="text" contenteditable="true"></div><input @change="chooseImg" type="file" accept="image/*" /> chooseImg(e) { var reader = new FileRea

  • 练习demo2019-09-22 11:40:01

    表格练习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初识总结2019-09-10 11:03:30

    JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时

  • BOM与DOM2019-09-07 17:53:50

    BOM和DOM和ECMAscript的关系:  BOM是运行平台,BOM规则建立在ECMAscript的规则之上 DOM是运行在平台上的页面 ECMAscript是用来操作平台或运行在平台上的页面的工具  BOM:浏览器对象模型(Browers Object MOdel) window是js中的顶层对象,所有的全局都属于window;window窗口:提供了

  • JavaScript事件2019-09-07 09:39:39

    JavaScript是基于对象、采用事件驱动的脚本语言。在DOM中,通过鼠标或按钮在浏览器窗口或网页上执行的操作称为事件。 事件处理过程: 事件是在浏览器的作用域内发生的事情——用户点击按钮、鼠标指针移动,或者从服务器加载完web页面等等。多个不同的事件使脚本能够响应鼠标、键盘

  • .NET轻松写博客园爬虫2019-08-30 09:03:56

    .NET轻松写博客园爬虫 爬虫,是一种按照一定的规则,自动地抓取网站的程序或者脚本。.NET写爬虫非常简单,并能轻松优化性能。今天我将分享一段简短的代码,爬出博客园前200页精华内容,然后通过微小的改动,将代码升级为多线程爬虫,让爬虫速度提升数倍;最后将对爬到了内容进行一些有趣的分析。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有