三种引入方式:

  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. spring学习笔记(一)@ConfigurationProperties注解

    结论: 这个注解主要是为了将配置文件中的属性映射到实体类上,并且支持嵌套映射. 代码说明: @ConfigurationProperties(prefix = "person") ...

  2. Coursera课程笔记----计算导论与C语言基础----Week 10

    C程序中的数组(Week 10) 一维数组 数组的定义 类型 数组名[常量表达式] int sheep[10] 定义数组时,[]内必须为常量表达式 可以用const int 可以在main函数前,#d ...

  3. STM32 串口USART DMA方式发送接收数据

    硬件:stm32f103cbt6 软件:STM32F10x_StdPeriph_Lib_V3.5.0 文章目录 头文件 USART3_DR的地址 DMA的通道 DMA的中断 USART接收回调函数 头 ...

  4. [hdu5525 Product]暴力

    题意:给定n和a[],令N = ∏(1≤i≤n)ia[i],求N的所有约数的积(取模1e9+7) 思路: 假定N因式分解后的结果是2p1*3p2*5p3*...,如何计算答案呢? 单独看2p1这一项, ...

  5. 掌握这10种方法帮你快速在Linux上分析二进制文件

    我们每天都使用二进制文件,但对二进制文件知之甚少.二进制是指您每天运行的可执行文件,从命令行工具到成熟的应用程序.Linux提供了丰富的工具集,可轻松进行二进制分析!无论您的工作角色是什么,如果您在L ...

  6. C#如何给WinForm的button等控件添加快捷键

    网上有三种方法来设置快捷键,经本人验证后得出最优方法   Alt+*(按钮快捷键) 在大家给button.label.menuStrip等控件设置Text属性时在后边加&键 名就可以了,比如b ...

  7. lb的keepalive问题

    lb的keepalive问题 0. keepalive 大家都很清楚他的用意了,就是为了减少3次握手,设置一个timeout,比如说20s ,在20s内不请求,连接还是保持着,这时候请求过来,不需要重 ...

  8. 【雕爷学编程】Arduino动手做(51)---触摸按键模块

    37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的.鉴于本人手头积累了一些传感器和模块,依照实践(动手试试)出真知的理念,以学习和交流为目的,这里准备 ...

  9. Puppeteer笔记(一):Puppeteer简介

    一.Puppeteer简介 Puppeteer是NPM库,它提供了NodeJS高级API来控制Chrome.Puppeteer 默认以无头(无界面)方式运行,但也可以配置为运行有界面的Chrome. ...

  10. mysql设置文档快捷写

    select distinct column_name,column_comment,column_type from information_schema.columns where table_n ...