1js引入方式+变量+数据变量

最新推荐文章于 2024-05-09 10:27:22 发布

尤新宇

最新推荐文章于 2024-05-09 10:27:22 发布

阅读量813

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_49986131/article/details/109109778

版权

系列文章目录

文章目录

系列文章目录
js引入方式
变量
数据类型

js引入方式

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <script type="text/javascript">
   // jsonp跨域 屏幕适配
  </script>
 </head>
 <body>
  
 </body>
 <!-- JS全称javascript -->
 
 <!-- script标签一般写在body下边 特殊情况(jsonp跨域 屏幕适配)写在head里 -->
 
 <!-- 
 外部引入方式：使用script标签引入外部的js文件 
 src属性中写js文件的相对路径(网络路径) 开发中一般使用外部引入方式 -->
 <!-- <script src="js/1.js" type="text/javascript"></script> -->
 
 <!-- 
 内部引入方式：在页面写script标签 把js代码写在script标签里
  -->
 <script type="text/javascript">
  
  // js代码
  // alert()：调用弹窗方法
  // alert('我是弹窗');
  
  // 在控制台输出日志：console.log()
  console.log('我是一个日志');
  // 在控制台输出错误：
  console.error('我是一个错误');
  // 在控制台输出警告：
  console.warn('我是一个警告');
  
  
 </script>
</html>

变量

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
   /* css中注释 */
  </style>
 </head>
 <body>
  <!-- html中注释 -->
 </body>
 <script type="text/javascript">
  // 定义变量：var 变量名 = 变量值
  // var name1 = '小杰杰';
  // var name2 = '塔谈村吴彦祖';
  
  // 定义多个变量
  var name1 = '小杰杰',
   name2 = '塔谈村吴彦祖';
   
  // 给变量重新赋值：变量名 = 变量值
  name2 = '石家庄吴彦祖';
  
  // 使用变量的时候不要加引号
  console.log(name2);
  
  // 一般情况下尽量定义变量就赋值 否则在严格模式会报错
  // var num;
  // console.log(num);
  // 一般情况下不建议不定义变量直接赋值
  // num = 10;
  // console.log(num);
  // 一般变量重新赋值不改变数据类型
  // var num = 10;
  // num = 'hello';
  // console.log(num);
  
 </script>
</html>

数据类型

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
 </head>
 <body>
 </body>
 <script type="text/javascript">
  // typeof(值) 判断一个值 数据类型的方法
  
  // Number 数字类型
  var num = 10;
  // 可以参与计算
  console.log(num + 3);
  
  // String 字符串类型(使用引号)
  var str = '大郎~该吃药了';
  var x = '10';
  // 任何类型和字符串类型相加 会拼在一起 变成字符串
  console.log(x + 3);
  
  // Boolean 布尔值：false true 一般用于判断
  var bool = false;
  
  // undefined：未定义(一般不会有意的定义个undefined类型)
  var y;
  
  // Object 对象
  // 1.null 空值、空对象(定义一个变量暂时不想赋值)
  // null和undefined的区别：
  // null开辟了内存但是没存值 undefined没有开辟内存(错误写法)
  var z = null;
 
  // 2.array 数组：数组中的每一项最好是同一数据类型
  var students = ['徐豪','刘胜祥','李佳杰','李伟','王钰茹'];
  var numArray = [666,999,888];
  // 数组取值：数组名[索引] 索引从0开始代表第一个值 以此类推
  console.log(students[4]);
  
  // 3.object 对象: {key1: value1, key2: value2.......}
  var obj = {name: '塔谈村吴彦祖', age: 18, like: ['看书','吃饭']};
        // 对象取值：对象名.key(键) 
  console.log(obj.like[1]);
  console.log(obj.age);
 
  console.log(obj);
  
  console.log(typeof(obj));
 
 </script>
</html>

尤新宇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1js引入方式+变量+数据变量

系列文章目录文章目录系列文章目录js引入方式变量数据类型js引入方式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // jsonp跨域屏幕适配 </script> </head> <body>
复制链接

扫一扫