js my_first

Posted 追风zz

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js my_first相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--mime文件类型-->
    <!--外接式引入js-->
    <!--默认发送 get请求-->
    <link rel="stylesheet" href="">
    <script type="text/javascript" src="./index.js"></script>

</head>
<body>
<img src="" alt="">
<a href="mailto:zhaoxu@tedu.cn">联系我们</a>
<form action="" method="">

</form>
<script type="text/javascript">
　　这里面写 js 代码

    /注释/   /*小心注释嵌套*/ 
</script>
</body>
</html>
--- js 文档 ---

//声明变量使用关键字var

//既声明 又定义
var a = 2;
var b = \'2\';
console.log(a);
console.log(b);
//typeof 检测当前变量的数据类型
console.log(typeof a, typeof b);
console.log(typeof b);
alert(a);
var is_delete = confirm(\'你确定删除吗？\');
alert(is_delete);   # true
if (is_delete) {
    alert(\'删除成功\');
} else {      #false
    alert(\'删除失败\');
}


var c;  先声明
console.log(c); //undefined(值) 未定义的
console.log(typeof c); //数据类型-undefined(黑的)
c = 10; 再赋值
var $ = \'黑哥\';  //声明一个变量
console.log($);


//字符串
var str = "黑哥";    // 可 \'\' , " "
var name = \'白虬\';
var age = 12;
console.log(typeof str);  // 查看类型
console.log(str);


var newStr = str + name;
console.log(newStr);

var newStr = str + age;
console.log(numStr);    // 隐式的 进行数值转换成字符串类型
var numStr = \'\' + age;  // 黑的12  str 12
console.log(numStr);
//技巧：空字符串+数值类型==》字符串类型


var str = \'5\';
console.log(parseInt(str));  // parseInt 将字符串 转换成 数值类型

//NaN  Not a Number 但是它是数值类型
console.log(typeof parseInt("131313你真帅！！"));  //只保留数值  number类型

console.log(parseInt(4.9) + parseInt(8.9));  //12  自动截断小数 不进位 只取整数位
console.log(parseInt(4.9 + 8.7));   //13
console.log(parseInt(4.9 + 10.7));  //15

//Infinity  无限大 无穷
var num = 10 / 0;
console.log(typeof num);  //number
console.log( num);  // Infinity

var obj = null;
//空对象
//空字符串
//undefined
console.log(obj);  // null
console.log(typeof obj); // object

var x = 2, y = 3, c = 4;
var name = \'黑哥\';
console.log(x,y,c,name);

var a = \'1\'
var b = \'2\'
console.log(a+b);  //12   string  str拼接
console.log(a-b);  //-1 浏览器  number


-- 第一个事件绑定 -- DOM<body>






<div id="box1">zhangchen</div>

<script type="text/javascript">
    // 1、获取事件源
    var div = document.getElementById("box1");
    // 2、绑定事件
    div.onclick = function () {
        // 3、书写事件驱动程序
        alert("我是弹出的内容");
    }

</script>
</body>




获取事件源的方式:
var div1 = document.getElementById("box1");      //方式一：通过id获取单个标


var arr1 = document.getElementsByTagName("div1");    //方式二：通过 标签名 获得 标签数组，所以有s


var arr2 = document.getElementsByClassName("hehe");  //方式三：通过 类名 获得 标签数组，所以有s




 


以上是关于js  my_first的主要内容，如果未能解决你的问题，请参考以下文章
 

 VSCode自定义代码片段——JS中的面向对象编程


 VSCode自定义代码片段9——JS中的面向对象编程


 js代码片段: utils/lcoalStorage/cookie


 JS代码片段：一个日期离现在多久了


 js常用代码片段(更新中)


 js常用代码片段