码迷,mamicode.com
首页 > Web开发 > 详细

js my_first

时间:2019-02-18 01:29:29      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:事件绑定   false   dex   eth   title   comm   styles   联系   alt   

<!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

标签:事件绑定   false   dex   eth   title   comm   styles   联系   alt   

原文地址:https://www.cnblogs.com/zhangchen-sx/p/10393505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!