三种引入方式：

  1. 使用JavaScript：前缀构建执行JavaScript代码
  2. 使用<script></script>标签来包含JavaScript代码

<body>

<a href="javascript:alert('使用前缀运行JavaScript');"></a>

<script type="text/javascript">

alert("直接运行的JavaScript");

</script>

</body>
  1. 导入外部的JavaScript文件

为了让HTML页面和JavaScript脚本更好地分离，我们可以将JavaScript脚本单独保存到一个*.js文件，HTML页面导入该*.js文件即可。

导入JavaScript脚本文件的语法如下

<script src=”outer.js” type="text/javascript"></script>

1.基本语法：

//定义变量
//显示定义
var a=1;
alert(a);
var b;
b=2;
alert(b);

//隐式定义变量
c=10;
alert(c);
//数值类型number
var aa=1;
alert(aa);
//字符串类型
var mub="1.2";
alert(mub);
//布尔类型
var flag=false;
alert(flag);
//未定义类型:定义了，但是没赋值
var a1;
alert(a1);
//空类型null：定义了，赋值了，但是赋的值是null
var a2=null;
alert(a2);

2.基本变量转换：

//数值类型->字符串类型

//1.数值类型+""="数值类型"
var a=1;
document.write(a+1+"<br>");
var b=a+"";
document.write(b+1+"<br>");
//"1"+1="11"
//2.字符串类型=数值类型.tostring();
var c=a.toString();
document.write(c+1+"<br>");

//字符串->数值类型
//1.字符转类型->整型
//整型=parseInt(字符串类型）
//使用时需要注意字符串是个证书号类型的字符串，否则出现NaN-----------------NaN=Not a number
var aa="10";
document.write(aa+1+"<br>");//101
var bb=parseInt(aa);//10
document.write(bb+1+"<br>");//10+1=11
//2.字符串类型->浮点型
//整型=parsefloat(字符串类型)
var cc="12.6";
document.write(cc+1+"<br>");
var dd=parseFloat(cc);
document.write(dd+1+"<br>");

js基本语法和数据类型的更多相关文章

  1. js学习笔记1：语法、数据类型与转换、运算符与运算

    注意: 上部代码错误,将停止运行,下部的代码无法显示            typeof 用来定义内容类型,不会输出内容只会输出类型 一.js输出语法         1. 弹窗输出('')内的内容: ...

  2. ExtJs4 笔记（2） ExtJs对js基本语法扩展支持

    本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引用加载 ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可以引入动态加载的概念来即用即取.这 ...

  3. js基本语法汇总

    1.分类 ECMAScript js基本语法与标准 DOM Document Object Model文档对象模型 BOM Browser Object Model浏览器对象模型 tips:DOM和B ...

  4. JS高级语法与JS选择器

    元素(element)和节点(node) childNode属性和children属性的区别 <!DOCTYPE html> <html lang="en"> ...

  5. ExtJs对js基本语法扩展支持

    ExtJs对js基本语法扩展支持 本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引用加载 ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可 ...

  6. [转载]ExtJs4 笔记（2） ExtJs对js基本语法扩展支持

    作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/) 本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引 ...

  7. JS基础语法---练习：交换两个变量的值

    * JavaScript简称为JS * JavaScript是什么?     * 是一门脚本语言:不需要编译,直接运行     * 是一门解释性的语言:遇到一样代码就解释一行代码     * C#语言 ...

  8. JS中的七大数据类型

    js中有7种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)以及es6语法新增的Symbol数据类型 es ...

  9. Oracle中PL/SQL简介、基本语法以及数据类型

    Oracle中PL/SQL简介.基本语法以及数据类型 一.PL/SQL简介. Oracle PL/SQL语言(Procedural Language/SQL)是结合了结构化查询和Oracle自身过程控 ...

随机推荐

  1. Dynamics 9.0 安装好后 公告出现 提示：出现错误。 请稍等片刻，然后重试。 如果问题仍然存在，请与管理员联系。

    此问题为系统的Bug,示例图如下: 解决方案为修改存储过程 p_RetrievePosts,将startDate参数的默认值改成 1900-01-01,endDate参数的默认值改成 9999-12- ...

  2. Elasticsearch系列---Term Vector工具探查数据

    概要 本篇主要介绍一个Term Vector的概念和基本使用方法. term vector是什么? 每次有document数据插入时,elasticsearch除了对document进行正排.倒排索引 ...

  3. php时间输出结果减去一分钟

    如: <?=date("m-d H:i",strtotime($rs["kgtime"]));?> 假设结果是09-03-23:30,如何让它变成0 ...

  4. Coursera课程笔记----Write Professional Emails in English----Week 1

    Get to Know Basic Email Writing Structures(Week 1) Introduction to Course Email and Editing Basics S ...

  5. Day_14【IO流】扩展案例1_缓冲区字符输入、输出流，键盘录入，contains()方法的统一运用

    分析以下需求,并用代码实现 实现一个验证码小程序,要求如下: 1. 在项目根目录下新建一个文件:data.txt,键盘录入3个字符串验证码,并存入data.txt中,要求一个验证码占一行: 2. 键盘 ...

  6. matlab 调用C程序进行simulink仿真

    文章目录 simulink仿真 创建C程序 编译C程序 运行结果 simulink仿真 simulink仿真中需要使用S-Function模块,可以实现调用C程序进行仿真,下面先建立一个简单的仿真: ...

  7. Web快速输入标签

    在书写web代码的时候,掌握一些快捷输入方式不仅可以提高效率,还能省不少力气. 1. > :下一个子标签,如 div>p 加Tab达到: <div><p></ ...

  8. 设计模式之GOF23观察者模式

    观察者模式Observer 广播机制 场景:多个观察者--被通知改变 CS的时候,人物移动坐标变化,更新每个人地图上的坐标 核心:当目标对象(Subject)的状态值改变时,需要及时告知所有观察者(O ...

  9. angular前端框架简单小案例

    一.angular表达式 <head> <meta charset="UTF-8"> <title>Title</title> &l ...

  10. SpringCloud Netflix (五) : Hystrix 服务熔断和服务降级

    什么是Hystrix 在分布式环境中,许多服务依赖项中的一些服务依赖不可避免地会失败.Hystrix是一个库,通过添加延迟容忍和容错逻辑,帮助您控制这些分布式服务之间的交互.Hystrix通过隔离服务 ...