IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> document.write()和typeof和进制转换和强制数据类型转换 -> 正文阅读

[开发工具]document.write()和typeof和进制转换和强制数据类型转换

VSCode下载地址:https://sode.visualstudio.com/
VScode插件下载:https://www.jb51.net/article/123738.htm
**alert()**在页面弹出警告框,警告框中显示要显示的内容。注意:1、可以有多个script标签,多个script标签是自上向下顺序执行。2、一个script标签只能专心的做一个事情
**document.write()**在当前页面上输出内容。注意:如果内容中含有标签会自动解析。&lt;代表< &gt;代表>
**console.log()**在控制台中输入内容,一般情况下用于代码调试

单行注释 ctrl+/快捷键
多行注释 ctrl+shift+/快捷键
    <script>
    alert("hello world");
    </script>

请添加图片描述

    <script>
        document.write("<h1>hello world</h1>");
        document.write("&lt;h1&gt;hello world&lt;/h1&gt;");
    </script>

请添加图片描述

    <script>
        console.log("hello world");
    </script>

请添加图片描述
关键字
typeof
格式:typedef常量\变量
功能:输出当前常量或者变量的数据类型

    <script>
        alert(typeof 100);
        alert(typeof "hello");
        alert(typeof true);
        alert(typeof undefined);
    </script>

请添加图片描述

请添加图片描述
请添加图片描述
请添加图片描述
进制转换

八进制:模八取余
十六进制:模十六取余
十进制转二进制:模二取余
十进制数52 转二进制是   110100
110100转回52:
1*2^2   +   1*2^4  +  1*2^5=4+16+32=52
可以先将十进制转换成二进制,再将二进制转换成八进制或者十六进制。
二进制转八进制:
   规则为:从右往左数,每三位一组,不足三位的用0补齐,
   最后将每一组数单独转成十进制数。
   110 100的八进制为1*2^2=4   1*2^1+1*2^2=6 则八进制为64
   八进制64转换为10进制 64->4*8^0+6*8^1=52
二进制转十六进制:
   规则为:从右往左数,每四位一组,不足四位的用0补齐,
   最后将每一组数单独转成十进制数。
   0011 0100 的十六进制为1*2^2=4 1*2^0+1*2^1=3 则为34
   十六进制34转换为10进制3*16^1+4*16^0=52

注:将不同数据类型进行算术运算
自动数据类型转换:不同数据类型之间是没有办法进行运算,将数据转成同一数据类型,在进行计算.
1、其中有一个操作数必须是字符串,运算符必须是+号,别的数据数据类型转成字符串,进行字符串拼接

    <script>
        alert("hello" + "world");
        alert("hello" + 100);
        alert("hello" + true);
        alert("hello" + null);
        alert("hello" + undefined);
        alert("hello" + NaN);
    </script>

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
2、任何数据和字符串做+加法以外的操作,那么字符串要先转换成数字再去进行运算。
<1>如果宇符串是一个纯数字宇符组成的字符串,转成对应的数字
<2>如果字符串中含有除数字以外的别的字符,转成NaN, NaN和任何数据运算都是NaN.

    <script>
        alert(100 - "20");
        alert(100 - "20a");
    </script>

请添加图片描述
请添加图片描述
3、除字符串以外的数据,在进行算数运算的时候,先转成数字,再进行运算。

    <script>
        alert(10 + true);
        // 11
        alert(10 + false);
        // 10
        alert(10 + null);
        // 10
        alert(10 + undefined);
        // NaN
        alert(10 + NaN);
        // NaN
    </script>

一元运算符
a++;
值: ++后置,先取a的值作为a++表达式的值, 然后再对a进行+1。功能:对原有的变学进行+1操作。
++a;
值: ++前置,先对a进行+1操作, 再a的值作为++a表达式的值。功能:对原有的变量进行+1操作。

    <script>
        var a=10;
        alert(a++ + ++a + a + ++a + a++ + a);
        // 10+12+12+13+13+14=74
    </script>

强制数据类型转换
Boolean()将其他的数据 类型强制转换成布尔值
口诀:非0即真, 非空即真。
Number()将 其他的数据类型强制轉换成数字,只有纯数字字符组成的字符串转数字,才能转为数字,其他为NaN
parseInt()取整
parseFloat()取浮点数

alert(Boolean(-100));
alert(Boolean(3.14));
alert(Boolean("11"));
alert(Boolean("hello"));
alert(Boolean("")); 
    <script>
        alert(Number("100"));
        alert(parseInt("3.14a"));
        alert(parseFloat("3.14a"));
    </script>

请添加图片描述
请添加图片描述
请添加图片描述

    <script>
        var str1="110100"
        alert(parseInt(str1,2));
    </script>

请添加图片描述

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-08-31 15:39:06  更:2021-08-31 15:40:31 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 0:19:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计