ICode9

精准搜索请尝试: 精确搜索
  • 动态添加td输入框2020-09-24 10:35:07

    动态添加td输入框 function addRow() { var tab=document.getElementById("tab"); var n=document.getElementById("x").rowIndex+1; var tr=tab.insertRow(n); var td=tr.insertCell(0);

  • 解除作文网以及百度文库不能复制的限制2020-08-20 14:00:17

    首先,按下 F12 键,点击 console,并在下面的箭头处输入代码       输入以下代码的任意一行,摁下回车   $=0      $('div.ie-fix').txt()     document.querySelector('.reader-container-inner').innerText   javascript:!function e(t){function n(){}functio

  • HTML 5 Web 存储 localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储2020-08-18 17:03:55

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <

  • HTML DOM 05 事件(三)2020-07-26 05:31:21

    示例 7 :  加载事件 当整个文档加载成功,或者一个图片加载成功,会触发加载事件当body元素或者img@加载的时候,会触发onload事件 <script> function loadBody(){ document.getElementById("message1").innerHTML="文档加载成功"; } function loadImg(){ document.getElement

  • HTML DOM 05 事件(一)2020-07-25 08:33:00

    DOM的事件有很多,下表把工作中常用的事件列出来,并进行讲解     示例 1 :  焦点事件 焦点相关的事件,分别有获取焦点和失去焦点当组件获取焦点的时候,会触发onfocus事件当组件失去焦点的时候,会触发onblur事件 <input type="text" onfocus="f()" onblur="b()" id="input1" place

  • 给span标签赋值2020-07-16 10:31:40

    //js代码 var tt = "某某某"; //这是登录后存入cookie来显示谁谁谁登录的变量 if (tt != null) { var sp = document.getElementById("sp"); //id选择器的id为sp sp.innerHTML = tt; } else { var sp = document.getElementById("sp");

  • js原生 和jquery vue的区别2020-07-07 21:08:18

    DOM——繁琐 查找触发事件的元素,并绑定事件 var btn=document.getElementById("..."); btn.addEventListener(“click”,function(){ … }) 查找要修改的元素,获得其内容 var span=btn.previousElementSilbing; var n=parseFloat(span.innerHTML) 先增减数量n,再将n还给 n++; Span.

  • 动态添加td输入框2020-06-17 11:07:32

    function addRow() { var tab=document.getElementById("tab"); var n=document.getElementById("x").rowIndex+1; var tr=tab.insertRow(n); var td=tr.insertCell(0);

  • js面向对象实现购物车2020-06-11 18:06:10

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>   

  • Day1-JS-运用函数的简单实例2020-06-11 17:07:09

    一、简单计算器 ①效果:      ②知识点:       1、通过getFirstNumber() 和 getTwiceNumber()这两个函数来得到input中输入的       具体就是通过,对input进行id标记了之后,通过 document.getElementById("first/twice).value       来得到用户输入的值,然后通过retu

  • 表单验证正则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-

  • js实现综合验证表单及表单验证提交2020-06-05 23:04:12

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>   

  • JavaScript 简版-菜鸟中的菜鸟22020-05-31 14:54:21

    JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.lo

  • 发送短信——案例2020-05-24 19:03:20

    案例:点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 手机号码:<input typ

  • Vue 点击获得父元素,子元素,兄弟元素(DOM操作)2020-05-20 17:58:26

    <ul @click ="clickfun($event)"> <li></li></ul> methods: { clickfun(e) { e.target //是你当前点击的元素 e.currentTarget //是你绑定事件的元素 //获得点击元素的前一个元素 e.currentTarget.previousElementSi

  • 使用json获取天气信息方法2020-05-10 11:06:09

    资料:如何解决跨域访问数据问题 天气接口:http://t.weather.sojson.com/api/weather/city/101240301  (后面的数字改成其他Citycode的值就可以得到其他城市的天气json) Citycode:https://www.cnblogs.com/shangrao/p/12862269.html 获取json数据:https://www.cnblogs.com/shangrao/p

  • 用javascript+jquery编写的小游戏-贪吃蛇(双人对战版)2020-04-27 10:38:18

    前言 这是我在多年前初学jquery, 并结合javascript, 编写的一个小游戏.那洋洋洒洒几千行的js代码时刻提醒着我"不忘初心!". 效果演示 代码 引入文件 由于用到了jquery, 所以需要引入js文件 <script src="../js/jquery-3.2.1.js" type="text/javascript"></script> <script

  • ajax2020-03-28 16:02:50

    概念 ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。局部刷新技术。不是一门新技术,是多种技术的组合。是浏览器端的技术。 作用 实现在当前结果页中显示其他请求的响应内容 ajax的状态码(readyState) 0 表示XMLHttpR

  • JS实现倒计时2020-03-27 15:02:41

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title>js倒计时</title>     <script src="/jquery.min.js"></script>     <script type="text/javascript">         

  • DOM-XSS攻击原理与防御2020-03-22 19:03:11

    XSS的中文名称叫跨站脚本,是WEB漏洞中比较常见的一种,特点就是可以将恶意HTML/JavaScript代码注入到受害用户浏览的网页上,从而达到劫持用户会话的目的。XSS根据恶意脚本的传递方式可以分为3种,分别为反射型、存储型、DOM型,前面两种恶意脚本都会经过服务器端然后返回给客户端,相对DOM型

  • [HTML 5] Inserting DOM as String template insertAdjacentHTML2020-03-21 20:55:24

    const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <ul> <li>1</li> </ul> `; const ul = app.querySelector('ul'); ul.insertAdjacentHTML('beforebegin&

  • javascript笔记——登录表单验证2020-03-21 15:00:10

    1.创建登录界面 https://www.cnblogs.com/YorkZhangYang/p/12538576.html   2.表单验证(使用正则表达式) (1)验证用户名:2-12位,字母开头,不能有_$之外的特殊字符,非空 (2)验证密码:6-12位非空,字母开头,非空 (3)验证码不为空 3.代码 <script> //获取要验证的表单对象 let u

  • 渲染HTML的方式2020-03-20 12:01:55

      当注入用户提供的HTML内容时,可以通过以下方式进行渲染:   (1)使用模板     <div v-html="userProvidedHtml"></div>   (2)使用渲染函数 h('div', { domProps: { innerHTML: this.userProvidedHtml } })   (3)使用基于 JSX 的渲染函数     <div domProp

  • javaScript使用方式(学习笔记)2020-03-18 16:55:57

    1、JavaScript代码必须放在<script></script>标签之间 如:<script> document.getElementById("demo").innerHTML ="修改内容" ;</script> 2、JavaScript函数是JavaScript的代码块,调用时被执行 如:<script> function myFunction(){   document.getElementB

  • innerHTML误区2020-03-15 13:51:08

    添加元素 innerHTML属性是个经常用到的原生属性.将html元素用字符串形式设置到父元素中,经常用于将动态拼接的html文本,显示在父容器里. 拼html字符串的办法已经被认为不妥,正经的办法是使用appendChild()或者createDocumentFragment().不过对于少量的html,当然也能用. 以前用jQue

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

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

ICode9版权所有