<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[P_Gang的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/P_Gang</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; P_Gang]]></copyright><item><title><![CDATA[JavaScript学习第二十二天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124698715</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124698715</guid><author>P_Gang</author><pubDate>Tue, 10 May 2022 22:01:14 +0800</pubDate><description><![CDATA[AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
	AJAX不是新的编程语言，是一种使用现有标准的新方法。
	AJAX最大的有点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
	AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
	AJAX是一种用于创建快速动态网页的技术。
	通过在后台与服务器进行少量的数据交换，AJAX可以使网页实现异步更新。
	传统的网页(不使用]]></description><category></category></item><item><title><![CDATA[JavaScript学习第二十一天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124675746</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124675746</guid><author>P_Gang</author><pubDate>Mon, 09 May 2022 21:25:47 +0800</pubDate><description><![CDATA[JavaScript的cookie


 - cookie是用来储存web页面的用户信息。
 - 由于HTTP是一种无状态的协议，服务器单从网络链接上是无法知道客户信息的。这个时候服务器会给客户端（浏览器）颁发一个cookie，用来确认用户的信息。

    1. 获取   document.cookie    console.log(document.cookie);

    2. 设置   
     document.cookie="name=value;domain=.domain.com;pat]]></description><category></category></item><item><title><![CDATA[JavaScript学习第二十天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124653048</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124653048</guid><author>P_Gang</author><pubDate>Sun, 08 May 2022 19:38:29 +0800</pubDate><description><![CDATA[BOM的窗口事件


    var aBtns = document.getElementsByTagName("button");
    aBtns[0].onclick=function(){
        window.open("newWin.html","_blank","scrollBars=yes")
    }

     onload  当文档加载时运行脚本   入口函数
     window.onload=function(){
         // 网页/文档加载完成  包含]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十九天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124610938</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124610938</guid><author>P_Gang</author><pubDate>Fri, 06 May 2022 21:27:43 +0800</pubDate><description><![CDATA[初始BOM
JS代码
console.log(window);
   // window.alert("警告框");//全局方法会省略window
   var a="全局变量";
   function func(){
       console.log("全局函数")
   }
   console.log(window.location);
   console.log(window.history);
   console.log(window.screen);
   console.log(wi]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十八天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124598273</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124598273</guid><author>P_Gang</author><pubDate>Thu, 05 May 2022 21:37:02 +0800</pubDate><description><![CDATA[事件冒泡



html代码

    &lt;div class="box1"&gt;box1
        &lt;div class="box2"&gt;box2
            &lt;div class="box3"&gt;box3
                &lt;div class="box4"&gt;box4&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
css代]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十七天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124577223</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124577223</guid><author>P_Gang</author><pubDate>Wed, 04 May 2022 20:51:03 +0800</pubDate><description><![CDATA[DOM事件对象
事件自带的属性，包含事件相关的一些属性

键盘事件对象
html代码

  &lt;input type="text"&gt;
1
altkey、actrlkey、shiftkey 判断这些键是否被按下

matekey 判断matekey键是否被按下（针对mac系统）

code 返回键盘代码

keycode 返回按键的字符代码（针对Ie8以下的浏览器）

which 返回按键的字符代码

target 返回时间作用的目标元素

bubbles 返回是否具有冒泡属性

cancelb..]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十六天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124487095</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124487095</guid><author>P_Gang</author><pubDate>Fri, 29 Apr 2022 00:58:04 +0800</pubDate><description><![CDATA[键盘事件


onkeydown 键盘按下事件，当有按键按下时触发
onkeyup 键盘松开事件，当有按键被松开时触发
onkeypress 当有按键被按下并松开时会触发（当按下上下左右、shift、ctrl等功能键时，不会触发）
注意
由于电脑自带的连续触发的功能，当按键一直按着时onkeydown和onkeypress被会连续触发

html代码
&lt;div class="wrap"&gt;
        &lt;div class="box"&gt;
            onkeydown事]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十五天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124484860</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124484860</guid><author>P_Gang</author><pubDate>Thu, 28 Apr 2022 22:07:10 +0800</pubDate><description><![CDATA[DOM的鼠标事件



事件：允许js在html文档元素注册不同的事件处理程序，驱动函数/方法

- 鼠标事件
- 键盘事件
- 表单事件
- 剪切板事件
- 拖拽事件
- 打印事件
- 媒体事件
- 框架事件
- 动画事件
- 过渡事件
- 鼠标事件
-鼠标点击事件

---

- onclick 鼠标左键点击触发
- ondblclick 鼠标左键双击触发
- onmousedown 鼠标按键按下时触发（左中右键均可以）
- onmouseup 鼠标按键松开时触发（左中右键均可以）
- 鼠标移动事件
-]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十四天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124435777</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124435777</guid><author>P_Gang</author><pubDate>Tue, 26 Apr 2022 19:58:11 +0800</pubDate><description><![CDATA[DOM的遍历(查找)


  html部分
  &lt;div id="wrap"&gt;
        最大的盒子
        &lt;div class="box box1"&gt;
            这是盒子01
        &lt;p id="text"&gt;这是段落标签&lt;/p&gt;
        &lt;span&gt;这是文本标签&lt;/span&gt;
        &lt;/div&gt;
        这是box1与box2之间的文本
        &l]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十三天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124417631</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124417631</guid><author>P_Gang</author><pubDate>Mon, 25 Apr 2022 23:49:37 +0800</pubDate><description><![CDATA[DOM中HTML改变输出流


     document.write()

     入口函数   
     当文档加载完成后 执行
     window.onload = function () {
         document.write("改变输出流");//会覆盖文档
     }

    // 字符串
    document.write("改变输出流");
    // 解析标签
    document.write("&lt;h2&gt;这是h2标签&lt;/h2&gt;");
]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十二天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124392434</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124392434</guid><author>P_Gang</author><pubDate>Sun, 24 Apr 2022 21:31:05 +0800</pubDate><description><![CDATA[DOM(文档对象模型)


 - 当网页被加载时，浏览器会创建DOM，DOM属于BOM的一部分，对document的操作。
 - HTML DOM被构造为对象的树。 DOM树。
 - DOM树包含 HTML元素，HTML文本，HTML属性。
 - JavaScript通过DOM可以改变HTML元素，HTML文本，HTML属性(CSS样式)，事件做出反应


DOM是什么？


 - 文档对象模型，是HTML文档的编程接口
 - 当网页被加载时，浏览器会创建页面的文档对象模型   
### DOM做什么？
 ]]></description><category></category></item><item><title><![CDATA[JavaScript学习第十天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124329037</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124329037</guid><author>P_Gang</author><pubDate>Thu, 21 Apr 2022 18:57:13 +0800</pubDate><description><![CDATA[JavaScript的布尔对象


     Boolean对象用于将非布尔值转换为布尔值(true或false)
    1.  var a=true;
        var b=false;
    // var c=new Boolean(参数) 参数可以非布尔值 自动转换
    var c=new Boolean("");
    console.log(c)

    2. 属性
    console.log(Boolean.prototype)
    // constructor 返回对]]></description><category></category></item><item><title><![CDATA[JavaScript学习第九天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124305749</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124305749</guid><author>P_Gang</author><pubDate>Wed, 20 Apr 2022 19:59:16 +0800</pubDate><description><![CDATA[正则表达式(Regular Expression) RegExp


 1.什么是正则表达式？（正则式）
   正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你查询的内容。  
   正则表达式可以是一个简单的字符，或一个更复杂的模式。
   正则表达式可以用于所有文本搜索和文本替换的操作。
  
   **由一个字符序列形成的搜索模式，用来匹配**
  -简单字符
   - 属性
   - 方法
   - 修饰符
 
 2. 正则表达式的模式：
   ①正则表达式]]></description><category></category></item><item><title><![CDATA[JavaScript学习第八天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124281055</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124281055</guid><author>P_Gang</author><pubDate>Tue, 19 Apr 2022 19:11:33 +0800</pubDate><description><![CDATA[数组去重


    var arr=[1,1,1,1,2,2,2,2,3,3,4,4,5,5,"a","a"];
    // console.log(arr.indexOf(1));
    // 去重后得到  [1,2,3,4,5,"a"]

    // 两类方式
     1.操作原数组  改变原数组  // 删除原数组中相同的项  splice(开始的索引,截取的长度,添加的元素)

    // 1)遍历数组 拿到所有元素
     for(var i=0;i&lt;arr.length;i+]]></description><category></category></item><item><title><![CDATA[JavaScript学习第七天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124256875</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124256875</guid><author>P_Gang</author><pubDate>Mon, 18 Apr 2022 19:08:22 +0800</pubDate><description><![CDATA[JavaScript数组的方法（迭代）


    var arr1=[7,8,9,11,28,36,54,88,96];
	var arr2=[12,18,24];
	var arr3=["O","P","Q","R","S","T","U"];

    // every(函数)检测数值元素的每个元素是否都符合条件
     函数:console.log(arr1.every(function(item){
		     return item&gt;0     //true
		}))

    //]]></description><category></category></item><item><title><![CDATA[JavaScript学习第六天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124234826</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124234826</guid><author>P_Gang</author><pubDate>Sun, 17 Apr 2022 19:37:12 +0800</pubDate><description><![CDATA[JavaScript数组对象


     数的组合
     使用单独的变量命储存一系列的值，一个容器储存多个元素。

    // 单独声明变量  储存数据
    var name1= "生蚝";
	var name2= "排骨";
	var name4= "鸡";
	var name3= "鲍鱼";

    // 使用数组将 一系列的值进行储存
    var aNames=["生蚝","排骨","鸡","鲍鱼"];
    
    var hao1 = {
		name: "生蚝1",
		p]]></description><category></category></item><item><title><![CDATA[JavaScript学习第五天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124180160</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124180160</guid><author>P_Gang</author><pubDate>Thu, 14 Apr 2022 19:54:50 +0800</pubDate><description><![CDATA[JavaScript的对象


    ①对象(Object)是一个以键值对形式储存属性的集合，每个
属性有一个特定的名称，以及与名称相对应的值。这种关系有-一个专有名称，称为映射。对于对象来说，除了可以通过这种方式保持自由属性，还可以通过继承的方式继承属性，这种方式称为“原型式继承”。
   ②万物皆对象
   ③语法: {key:value, key2:value2 , key3:value3,...}
   ④JavaScript的对象的值是属性和方法的数据。
   
   //  var perso]]></description><category></category></item><item><title><![CDATA[JavaScript学习第四天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124154007</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124154007</guid><author>P_Gang</author><pubDate>Wed, 13 Apr 2022 17:51:05 +0800</pubDate><description><![CDATA[JavaScript带有返回值的函数


    function func(){
        console.log("没有返回值的函数")
    }

    // 调用
     func();

    // console.log(func());// 打印方法执行后的结果  undefined 没有返回值

    console.log("------------")

    // return 语句   返回值(结果)
    function func2() {
        c]]></description><category></category></item><item><title><![CDATA[JavaScript学习第三天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124131435</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124131435</guid><author>P_Gang</author><pubDate>Tue, 12 Apr 2022 18:59:50 +0800</pubDate><description><![CDATA[JavaScript的for循环


**循环是将代码执行指定的次数。**
    // for循环
     for(语句1;语句2;语句3){
         执行的代码
     }
    // 语句1：条件的变量的初始值(代码执行前执行) 只执行一次
    // 语句2：循环条件
    // 语句3：循环(代码块)已被执行后执行的代码(通常是自增或自减)


    for (var i = 0; i &lt; 4; i++) {
         console.log(i,"执行的代码"]]></description><category></category></item><item><title><![CDATA[JavaScript学习第二天]]></title><link>https://blog.youkuaiyun.com/P_Gang/article/details/124106789</link><guid>https://blog.youkuaiyun.com/P_Gang/article/details/124106789</guid><author>P_Gang</author><pubDate>Mon, 11 Apr 2022 19:15:33 +0800</pubDate><description><![CDATA[01JavaScript的赋值运算符


```
 变量的声明  var 
 变量的赋值 = 
 变量名 = 变量的值
var num=10;
console.log(num)
num=20;
console.log(num)
num=100;
console.log(num)
```


02JavaScript的算数运算符


```
var a=10,b=3;
 + 加 
var c=a+b;
console.log(c);//13 
 - 减
console.log(a-b);//7
 * 乘 
c]]></description><category></category></item></channel></rss>