js反爬：请开启JavaScript并刷新该页
中国人民银行网站中的这个栏目为例：http://www.pbc.gov.cn/zhengcehuobisi/125207/125217/125925/17105/index1.html
如果直接用request.get(url)，就会得到下图的JavaScript并刷新该页，跟着一堆乱七八糟代码。
简单来说，就是html文件中包含cookie设置和动态跳转网址的js代码，访问这个网页时js会设置cookie然后重定向到 ...
JavaScript
主要内容
JavaScript
ECMAScript
BOM
DOM
事件
JavaScript：
* 概念： 一门客户端脚本语言
* 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
* 脚本语言：不需要编译，直接就可以被浏览器解析执行了
* 功能：
* 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果 ...
javascript原生js轮播图
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>javascript原生js轮播图</title ...
javascript数组添加元素的三种方式
在Javascript中，向数组添加元素可以有三种方式。
1.使用push()方法在数组的尾部添加元素。
arrayObject.push(newElement1, newElement2, ..., newElementX)
参数
描述
newElement1
必需。要添加到数组的第一个元素。
newElement2
可选。要添加到数组的第二个元素。
newElementX
可选。可添加多个 ...
编写第一个JavaScript程序
编写第一个程序
在 HTML 页面中嵌入 JavaScript 脚本需要使用 <script> 标签，用户可以在 <script> 标签中直接编写 JavaScript 代码，具体步骤如下。
第 1 步，新建 HTML 文档，保存为 test.html。
第 2 步，在 <head> 标签内插入一个 <script> 标签。
第 3 步，为 <script> 标签设置type="text/javascript"属性。
现代浏 ...
21种JavaScript设计模式最新记录（含图和示例）
最近观看了《Javascript设计模式系统讲解与应用》教程，对设计模式有了新的认识，特在此做些记录。
一、UML
文中会涉及众多的UML类图，在开篇需要做点基础概念的认识。以下面的图为例，图片和说明均来源于《大话设计模式》一书。
（1）矩形框，它代表一个类。类图分三层，第一层显示类的名称，如果是抽象类， ...
JavaScript(4)---BOM详解
JavaScript(4)---BOM详解
之前写过一篇有关DOM的博客：JavaScript(2)---DOM详解
DOM有个顶级对象叫：document。同样BOM中也有顶级对象叫 window。
它们的区别在于： DOM是一套操作HTML标签的API。 BOM是一套操作浏览器的API。
一、概念
1、什么是BOM
概念 BOM(浏览器对象模型) 提供了独立于内容而与浏览器窗口进行交互的对 ...
HTML、css、javascript 实现新年红包
上图！
html代码：
1 <div class="wrapper shake" id="wrapper">
2 <div id="header-box">
3 </div>
4 <div id="box" class="box">
5 <div id="content-box">
6 <img id="img" src="./img/bqb/3.jpg" />
7 </di ...
html、css、javascript 实现红包雨
先看看效果吧！
HTML代码：
<div id="wrapper">
<img src="images/hb/petal1.png" >
</div><div id="modol">
<div id="hb">
<div id="text"></div>
<div id="btn">继续抢红包</div>
</div>
</div>
CSS代码：
* {
padding: 0;
margin: 0;
}
body {
background-color: #fb9d3b; ...
JavaScript(2)---DOM详解
JavaScript(2)---DOM详解
一、DOM概念
什么是DOM
DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性，以及访问他们的方法。它的主要作用包括：
改变HTML 元素 , 改变HTML属性 , 改变CSS 样式，对页面中的所有事件做出反应。
1、DOM 节点树
概念 DOM模型将整个HTML文档看成一个树形结构，并 ...
JavaScript(1)---绑定事件、解除绑定事件
JavaScript(1)---绑定事件、解除绑定事件
一、事件概述
1、事件的几个概念
· 事件
指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便触发事件的时候执行相应的代码。
事件处理程序
我们用户在页面中进行的点击动作(click)、鼠标移动动作(mousemove)等，都可以称之 ...
JavaScript面试题
1.下面代码执行结果是（）
var a=123;
fn(a);
function fn(){a=456}
document.write(a);
A.456 B.122 C.报错 D.undefined
考点：变量的作用域，全局变量和局部变量的转换
2.html文档中怎么区分节点对象的节点类型（）
A.typeof B.type C.nodeType D.nodeName
typeof 获取数据类型
t ...
javascript反转数组
JavaScript中的Array对象提供了一个reverse()方法用于反转（颠倒）数组中的元素。
arrayObject.reverse()
要注意的是，这个方法会改变原来的数组，而不会创建新的数组。
var arr = ['yanggb1', 'yanggb2', 'yanggb3'];
console.log(arr.reverse()); // ['yanggb3', 'yanggb2', 'yanggb1']
console.log(arr); // ['yangg ...
javascript将数组拼接成一个字符串
这里记录下在JavaScript中如何将数组拼接成一个字符串。
所谓的将数组拼接成一个字符串，意思就是将数组中的元素逐个拼接到一个字符串中，并加以特定的分隔符。在JavaScript中可以有两种方式，一种是Array对象提供的join()方法，一种是Array对象提供的toString()方法。
var arr = ['yanggb', 'yanggb1', 'yanggb2'];
arra ...
JavaScript 算数运算符
算数运算符使用数值（字面量或者变量）作为操作数，并且返回一个单个数值。
标准运算符是加法（+），减法（-），乘法（*），除法（/）
ECMAScript操作符的与众不同之处在于，它们能够适应很多值，例如字符串、数字、布尔值，甚至是对象。
但是，在应用于对象时，相应的操作符通常都会调用对象的 valueOf() 或是 toString() ...
JavaScript初始化对象数组
一、{}
我们都知道JavaScript的数据结构是松散的，比如说你定义一个变量
var temp;
那么你可以随手这样定义temp.attr1 = "参数1"，因为对于JavaScript来说万物皆对象，所以如此来定义是没有任何问题的
那么问题来了，要是定义数组，还能用上面的方法吗？
二、【】
要是定义数组，还能用上面的方法吗？
...
Java和JavaScript之间的区别
1.简介
通过优锐课核心java学习笔记中，我们可以看到，Java和JavaScript之间的区别.我们将在本文中比较Java语言和JavaScript语言。JavaScript由Netscape开发。它最初是用于客户端的脚本语言，后来又用作客户端和服务器脚本的语言。Java由James Gosling由Sun Microsystems开发。这些天来，JavaScript在服务器中以node.js的形 ...
Kettle中JavaScript内置函数说明
本文链接：https://blog.csdn.net/u010192145/article/details/102220563
我们在使用JavaScript组件的时候,在左侧核心树对象栏中可以看到Kettle为我们提供了很多简洁强大的内置函数,帮助我们在写脚本的时候对数据、参数变量等能很轻松的做处理,体验编码的感觉.本篇将详细介绍JavaScript组件中的函数功能
脚本组件包含的函数 ...
使用JavaScript动态生成表格
实现描述：
根据数据的多少，实现将数据动态显示在表格内，并实现删除元素的操作：
最终实现的效果图：
表格开始的搭建：
1 <style>
2 table {
3 width: 400px;
4 height: 200px;
5 margin: 100px auto;
6 text-align: center;
7 }
...
JavaScript 构造树形结构的一种高效算法
引言
我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子：
在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当存在1对多的父/子节点关系时：
const data = [
{ id: 56, parentId: 62 },
{ id: 81, parentId: 80 },
{ id: 74, parentId: null }, ...
