Html JS JQuery

柳飞鸾

2023-12-01

JavaScript

参考地址 https://www.cnblogs.com/sunshinezjb/p/9248533.html

JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。
动态：在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。
弱类：
计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。
原型：
新对象继承对象（作为模版），将自身的属性共享给新对象，模版对象称为原型。这样新对象实例化后不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性。

引入 jquery.cookie.js

先引入jquery，再引入：jquery.cookie.js；
下载：http://plugins.jquery.com/cookie/

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sha1-min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

js时间戳与时间日期间相互转换

//时间戳转换方法    date:时间戳数字
function formatDate(date) {
  var date = new Date(date);
  var YY = date.getFullYear() + '-';
  var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
  var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
  var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
  var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
  return YY + MM + DD +" "+hh + mm + ss;
}

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

数组中添加json数据

1、往数组里添加json字符串（push）
var arr = []
var json = {"name":"caocao","sex":"男"}
arr.push(json)
console.log(arr)
结果：
[{"name":"caocao","sex":"男"}]


2、往数组的json字符串里新增数据
var j =[{"name":"caocao","sex":"男"}];  
j[0].age='18'
console.log(j)

JQuery全局变量在函数中调用报错undefined

#测试代码
test1和test2中都存在在function中使用var定义同名新变量，会导致函数中的变量覆盖掉全局变量。

test2中，第一次输出a是已经被覆盖了的局部变量a，可是没有给予初值，结果是undefined。这样使用变量是错误的。

test3中，使用的变量a均为全局变量，第一次直接输出了全局变量1，第二次是直接为全局变量赋值之后显示全局变量2。

<body>
    <script type="text/javascript">
            var a = "全局变量1";
            function test1()
            {
                alert("第1次调用：" +a); //undefined
                var a = "局部变量";
                alert("第2次调用：" +a); //局部变量
            }
            
            function test2(a) { //与test1()一致 
                alert("第1次调用：" +a); //undefined
                var a = "局部变量";
                alert("第2次调用：" +a); //局部变量
            }
            
            function test3() {
                alert("第1次调用：" +a); //全局变量1
                a = "全局变量2";
                alert("第2次调用：" +a); //全局变量2
            }
        </script>
        
        <input type="button"  value="test1" onclick="test1()"/>
        <input type="button"  value="test2" onclick="test2()"/>
        <input type="button"  value="test3" onclick="test3()"/>
</body>

window.history

详解window.history
https://blog.csdn.net/woxueliuyun/article/details/51075272

window.location.href页面不跳转

解决方案一：
<body onkeypress="enter(event)"> </body>

function enter(event) {
	if(window.event.keyCode==13|| event.which == 13) 	{
		login();
	}
}

解决方案二：
通过window.event.returnValue=false;
作用：当捕捉到事件(event)时，判断为false，阻止当前时间继续运行作用；放在超链接中则不执行超链接；
return false 作用不是阻止事件继续向顶层元素传播，而是阻止浏览器对事件的默认处理。

解决方案三：
点击事件中  οnclick="checkUser()"  变成 οnclick="return checkUser();"
并且在 checkUser中 return  false;这样的话 a标签的href也不会执行。 这样就能window.location.href顺利跳转。

jquery.cookie读取结果为undefined

jquery.cookie.js

使用该方法来设置和读取cookie值必须将html等文件放在服务器上访问，不然设置cookie之后读取结果为undefined,这和ajax一样，考虑到网络安全问题。

参考资料

jquery遍历标签中自定义的属性方法
https://www.cnblogs.com/kivenlv/p/6038035.html

Jquery 添加属性、添加class、添加Css
https://blog.csdn.net/kye055947/article/details/79619147