js认知

最新推荐文章于 2022-08-08 19:17:39 发布

zylgbin

最新推荐文章于 2022-08-08 19:17:39 发布

阅读量147

点赞数

分类专栏：其他杂项

本文链接：https://blog.csdn.net/qq_33564134/article/details/85255067

版权

其他杂项专栏收录该内容

22 篇文章 0 订阅

订阅专栏

在这里插入图片描述

if isNaN(x) {
    alert("不是数字");
}

引用

HTML 中的脚本必须位于标签之间。
脚本可被放置在 HTML 页面的和部分中。
外部引用

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

输出

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

语法

数字（Number） 2 3.14
字符串（String）“你好” ‘china’
布尔（逻辑）
数组[40, 100, 1, 5, 25, 10]
对象（Object）{firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”}
函数function myFunction(a, b) { return a * b;}
= + - * / == != < > ++ – += && || ！

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串
var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person.lastName;
person["lastName"];
var var1 = 1; // 不可配置全局属性
var2 = 2; // 没有使用 var 声明，可配置全局属性

<p id="demo"><p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

事件

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载


<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
function nodisplayDate(){
	document.getElementById("demo").innerHTML="";
}
</script>

<button onmouseover="displayDate()"  
		onmouseout="nodisplayDate()">点这里</button>
<p id="demo"></p>

字符串

方法	描述
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	连接两个或多个字符串，返回连接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值

循环，判断

//=======if else===================
if (time<10)
{
    document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
    document.write("<b>今天好</b>");
}
else
{
    document.write("<b>晚上好!</b>");
}
//===========switch =======================
var d=new Date().getDay(); 
switch (d) 
{ 
  case 0:x="今天是星期日"; 
  break; 
  case 1:x="今天是星期一"; 
  break; 
  case 2:x="今天是星期二"; 
  break; 
  case 3:x="今天是星期三"; 
  break; 
  case 4:x="今天是星期四"; 
  break; 
  case 5:x="今天是星期五"; 
  break; 
  case 6:x="今天是星期六"; 
  break; 
}
//==========for================
for (var i=0;i<cars.length;i++)
{ 
    document.write(cars[i] + "<br>");
}
//=============while================
while (i<5)
{
    x=x + "The number is " + i + "<br>";
    i++;
}
do
{
    x=x + "The number is " + i + "<br>";
    i++;
}
while (i<5);

正则表达式

<script>
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
</script>

其他

typeof 操作符
你可以使用 typeof 操作符来检测变量的数据类型。

elem = document.getElementById("demo"); // 查找元素

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
<script>
var x = function (a, b) {return a * b};
document.getElementById("demo").innerHTML = x;
</script>

zylgbin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js认知

if isNaN(x) { alert("不是数字");}引用HTML 中的脚本必须位于标签之间。脚本可被放置在 HTML 页面的和部分中。外部引用&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;body&gt;&lt;script src="myScript.js"&gt;&lt;/script&gt;&lt;
复制链接

扫一扫