javascript代码怎么运行,javascript代码在哪里写

大家好，小编来为大家解答以下问题，javascript代码怎么运行，javascript代码在哪里写，现在让我们一起来看看吧！

文章目录

• • 读前思考！
  • 1 编写JavaScript的三类位置
  • • 1.1 写在HTML页面内的JavaScript
    • 1.2 写在某个控件里的JavaScript
    • 1.3 单独文本里的JavaScript
  • 2 JavaScript怎么写呢
  • • 2.1 在知道如何写代码之前需要明白几个点：
    • • （1）写js注意事项
      • （2）什么是字面量、变量和标识符
      • （3）JavaScript的六类数据类型
      • • 强制类型转换：
  • 结尾彩蛋

---

博主介绍

---

个人主页： Zinksl
编程社区： Zinksl编程酒馆
个人格言： 想法落实的最佳时机就是现在！

如果你 喜欢交流或热爱分享，欢迎加入编程社区或交流群 大家一起学习技术，交流心得，共同进步

---

读前思考！

在使用之前要先明白2个问题：

• 在哪里写（用）JavaScript代码？
• 如何写JavaScript代码？

1 编写JavaScript的三类位置

1.1 写在HTML页面内的JavaScript

JavaScript作用于显示页，必然可以嵌在页面中，在HTML页面是通过写入的，代码写在两个标签之间；这种方式也叫【JavaScript的内嵌式】

嵌入HTML中的js示例:

  
    
    
    
    
    
    < type="text/java" >
      // 弹窗警告提示
      alert("hello word!");
      // 往页面中写入内容
      document.write("你好我是，小Z学长！");
      // 控制台打印内容
      console.log("我们一起学习JavaScript啊");
    
  
  

  

代码的执行顺序在默认情况下是由上往下逐条执行【在执行页面显示效果可以说明】

1.2 写在某个控件里的JavaScript

以下两个示例我们可以看出来，JavaScript代码也可以写入控件内部执行；这种方式叫【JavaScript的行内式】

JavaScript代码写入控件示例：

  
    
    
    
    
  
  
    
    谁敢点我试试！
  

JavaScript代码写入超链接示例：

  
    
    
    
    
    
  
  
    
    再点我试试！
    再点我试试！
  

1.3 单独文本里的JavaScript

单独JavaScript文档：

alert("我是外部JavaScript，你敢相信？");

HTML文档：

  
    
    
    
    
    
    
    < type="text/java" src="./js/firstJavaScript.js">
    
  
  

  

在HTML中通过标签引入外部单独js的这种方式叫【外链式】

2 JavaScript怎么写呢

2.1 在知道如何写代码之前需要明白几个点：

（1）写js注意事项

①JavaScript严格区分大小写
②“;”标志JavaScript语句结束
③JavaScript忽略多个空格和换行[在代码间的空格or换行不影响代码执行效果]

（2）什么是字面量、变量和标识符

根据字面意思我们就可以得出结果，字面量就是不可改变的量好比数字“1”永远是1；
变量好比是年龄，今年18明年就19了，此处“年龄”就是一个变量与数学中的未知量类似；
标识符就是给变量、对象等起的名字就是标识符，好比以下示例中的age；标识符必须满足三个规定：①组成只能是字母大小写、数字“$”和“_”；②不能以数字开头；③不能是关键字或者保留字；最后命名建议使用驼峰命名规范要做到见名知意（一看标识符就知道是什么意思）；

在JavaScript中变量如何声明呢，通过关键字var声明，声明一个年龄age如下：

//声明变量
var age;
//声明并赋值
var age = 18；

（3）JavaScript的六类数据类型

在拿到某个变量不知其数据类型时，可通过typeof运算符进行检测；

示例：

// 弹警示框
alert("我是外部JavaScript，你敢相信？");
// 定义字符串
var name = "zinksl";
// 使用typeof运算符得到name数据类型
alert(typeof name);

名称	字符串	数值型	布尔型	未定义	空	对象类型
类型	基本类型					引用类型
关键字	String	Number	Boolean	Undefined	Null	Object
示例	var name = “z”; var name1 = ‘z’;	var numb = 18;	var flag= false; var flag1= true;
备注：	单引号和双引号都可以表示字符串；	NaN、Infinity都是num类型；分别是：not a number和无穷大	布尔类型只有两个值true和false	表示未定义	表示空对象

强制类型转换：

①其他数据转String类型

通过调用被转换数据类型的toString方法实现转换；

示例：

//定义数值类型age
var age = 18;
//强制转换为String类型
var str = age.toString();
console.log(typeof str);

注意：【null和undefined不能用使用toString方法,但是可以调用String()函数】
示例：

//定义变量
var temp = null;
//接受函数返回值
var a = String(temp);
//在控制台输出运算结果
console.log(typeof a);

②其他数据转Number类型

通过Number()函数实现转换；

数据类型	通过Number()函数转后	备注
纯数字：	直接转数值型；
含有其他字符：	则转为NaN；
空串或者空格：	转为“0”；
true	1
false	0
null	0
undefined	NaN

针对字符转数值的两个函数：parseInt()只取整数、parseFloat()

③其他数据类型转为Boolean类型；

使用Boolean()函数转换；

数据类型	通过Boolean()函数转后	备注
数值类型：0和NaN	false
其他数值类型	true
字符串类型：空串	false
其他字符串	true
null和undefined	false

结尾彩蛋

认真分享技术，记录学习点滴若内容对你有用可以鼓励一下方式如下
点赞： 留言：✍收藏：⭐️

如有疑问欢迎评论区留言，或加入技术交流群：1002743802
关注我订阅专栏，会持续体系化更新哦