ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript関連コンテンツ説明
1.JavaScript の概要:
JavaScript はインターネット上で最も人気のあるスクリプト言語であり、最新の HTML はすべて JavaScript を使用しています。スクリプト言語であるため、次の 3 つの特徴があります:
(1) 弱い型;
(2) インタープリタ型言語 (コンパイル不要)
(3) 一行ずつ実行、コードの 1 行が間違っている場合、後続のコード ブロックは実行を続行できません
(4) 3f1c4e4b6b16bbbd69b2ee476dc4f83a の位置は任意であり、以下に配置されます。変更されたコンテンツまたは head タグですが、別の js ファイルとして記述すると、構造と動作を分離するのに役立ちます
2. JavaScript コンテンツ (画像付き):
その中で、ECMAScript は JavaScript の中核であり、DOM は Document Object Model (Web ページを操作するために js を使用する) です。 : プロンプトボックスの形式でページに出力します。例:
<script> alert("hello,javascript") </script>
(2) console.log() メソッド: コンソールに情報を出力します。例: console.log("hello,javascript")
(3) document.write() : HTML ページにコンテンツを直接記述します。例:
document.write("hello,javascript")
4. JavaScript 変数:
Java とは異なり、ECMAScript には変数がありません。特定の型については、変数を定義するときに var 演算子のみを使用します。変数の初期化形式は次のとおりです: var 変数名 = 変数値; 複数の変数を定義したい場合は、複数の変数を記述します。カンマで区切られた 1 行。例: var a = "hello";
var b = 123;
変数名の変数規則: (1)
(2) 不可 数字で始まります。アンダースコアで始めることはお勧めしません。
これはプリミティブ データ型であり、2 つの参照データ型があります:
(1) プリミティブ データ型: Number、String、Boolean、unknown、null
: 数値型、 は数値、正および負の数値、整数、10 進数、0、NaN、Infinity (正の無限大)、-Infinity (負の無限大) を含む 注:
NaN: 数値の省略形は、値を意味します。数値ではありません(Numberにも属します)
String:字符串:用双引号""或单引号''包起来的0个或多个字符,如果引号中什么也没有,那么这个字符串被称为空字符串
Boolean:布尔型:包含true:表示真(成立)和false:表示假(不成立)两个值
undefined:表示变量未定义,或变量被定义出来,但是没有被赋值
null:表示一个变量没有指向任何一片存储空间,即变量存在,但是里面是空的,类似于Undefined
(小提示:在Chrome浏览器控制台输出时,会发现Number类型为深蓝色,String为黑色,Boolean为浅蓝色,undefined和null都为浅灰色)
(2)引用数据类型:
Object(对象),Array(数组),Date(日期),RegExp(正则)。。等等
(3)如何查看一个变量的数据类型(typeof 运算符):
数值型数据:返回值为number
console.log(typeof 123) //输出number
字符串型数据:返回值为string
console.log(typeof "你好") //输出string
布尔型数据:返回值为boolean
console.log(typeof true/false) //输出boolean
Undefined:返回值为undefined
console.log(typeof undefined) //输出undefined
Null:返回值为Object(历史遗留问题,说明null也是一个对象)
console.log(typeof null) //输出object
NaN:返回值为number
console.log(typeof NaN) //输出number
6.JavaScript 数据类型的转换:
(1)在使用加法(+)运算符时,任何数据与字符串类型数据相加都为字符串类型数据;
console.log("你好" + 123) //输出"你好123"
注(简单理解): 在JavaScript 中空字符串""转换为false,非空字符串转换为true(除“0”,“1”外);
false转换为 0 或“0”,true转换为 1 或“1”;
做逻辑判断的时候,null,undefined,""(空字符串),0,NaN都默认为false;
==在比较的时候可以转换数据类型,===是严格比较,只要类型不匹配就返回false;
其实 ==
的比较确实是转换成字符串来比较但,但是在布尔型转换为字符串之前,要先转换成 Number
console.log("123" == true) //输出false console.log("1" == true) //输出true console.log("" == true) //输出false console.log(1 == true) //输出true console.log("" == false) //输出true console.log('123' == false) //输出fasle console.log('0' == false) //输出true console.log(0 == false) //输出true console.log('1' == 1) //输出true console.log('0' == 0) //输出true console.log(-true) //输出-1
(2)parseInt:将字符串转换成整数(只识别字符串中的数值):
注:会忽略字符串中的前后空格(当数值后的空格后面还有数值时,将不会再识别);
能够正确识别正负号,即保留正负号;
在转换时,遇到非数值型的字符就会停止转换;
如果字符串的第一个字符是非数值型的,那么转换的结果为NaN;
console.log(parseInt("123")) //输出123 console.log(parseInt(" 1 2")) //只会输出1 console.log(parseInt(-123)) //输出-123 console.log(parseInt("hello")) //输出NaN console.log(parseInt(true)) //输出NaN console.log(parseInt("123hello")) //输出123,后面非数值型不会识别 console.log(parseInt(" 1 ")) //输出1,忽略空格
(3)parseFloat:将字符串转换成小数(识别小数点,注意事项同上)
console.log(parseFloat("123.55")) //输出123.55 console.log(parseFloat(".1hello")) //输出0.1
(4)Number:将其它类型的数据转换成数值型,注意被转换的数据必须是纯数值构成,否则无法转换,其它注意事项同上
console.log(Number(true)) //1 console.log(Number(false)) //0 console.log(Number(null)) //0 console.log(Number("123hello")) //NaN console.log(Number("12.22")) //12.22 console.log(Number(undefined)) //NaN
(5)页面中的信息框:
alert(),弹出个提示框,只有确定;
window.alert("今天天气很好")
confirm(),弹出个确认框,有确定和取消;
window.confirm("今天心情也很好")
prompt(),弹出个输入框,可以输入内容;
window.prompt("password","请输入密码")
JavaScript的基础暂时先写到这里,后续都会补上。。。
本文讲解了JavaScript相关的内容讲解,更多相关之请关注php中文网。
相关推荐:
$.ajax+php实战教程之下拉时自动加载更多文章原理讲解
关于zx-image-view图片预览插件,支持旋转、缩放、移动的相关操作
以上がJavaScript関連コンテンツ説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。