我是靠谱客的博主 正直电源,最近开发中收集的这篇文章主要介绍JavaScript基础JavaScript能做什么?什么是JavaScriptJavaScript引入方式JavaScript基础语法JavaScript常用对象BOMDOM事件监听正则表达式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

JavaScript能做什么?

  • JavaScript能改变HTML内容
  • JavaScript能改变图像的src属性值
  • JavaScript能进行表单验证

什么是JavaScript

  1. JavaScript是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页可交互。
  2. JavaScript和Java是完全不同的语言,不论是概念还是设计,但是基础语法类似

JavaScript引入方式

  1. 内部脚本:将JS代码定义在HTML页面中
    在HTML中,JavaScript代码必须位于标签之间
<script>
	alter("hello JS~");
</script>
  1. 外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中
  • 外部文件:demo.js
alter("hello JS!~");

注意:

  • 在HTML文档中可以在任意地方,放置任意数量的 script标签

  • 一般把脚本置于元素的底部,可改善显示速度,因为脚本执行会拖慢显示

  • 引入外部js文件

<script src="../js/demo.js">

</script>

注意:
1.外部脚本不能包含script标签
2.script标签不能自闭和

JavaScript基础语法

  1. 输出语句
  • 使用windows.alter()写入警告框
  • 使用document.write()写入HTML输出
  • 使用console.log()写入浏览器控制台
  1. 变量
    在这里插入图片描述

  2. 数据类型

在这里插入图片描述
4. 运算符
==和 === 的区别

==:
1. 判断类型是否一样,如果不一样则进行类型转换
2. 再去比较其值

===:
1. 判断类型是否一样,如果不一样,直接返回false
2. 再去比较其值

类型转换:

 其他类型转换为number:
	*string:按照字符串的字面值,转为数字,如果字面值不是数字,则转为NaN,一般使用parseInt
	*boolean:true转为1,false转为0
  • 其他类型转换为boolean
    • number:0和NaN转为false
    • string:空字符串转为false,其他的字符串转为true
    • null: 转为false
    • undefined:转为false
  1. 函数

在这里插入图片描述
在这里插入图片描述

JavaScript常用对象

Array

在这里插入图片描述
在这里插入图片描述

String

  • 定义
    var 变量名 = new String(s);//方式一
    var 变量名 = s; //方式二
  • 属性
    length 字符串得长度
  • 方法
    charAt() 返回在指定位置得字符
    indexOf() 检索字符串

trim():去除字符串前后两端的空白字符

自定义对象

在这里插入图片描述

BOM

在这里插入图片描述

在这里插入图片描述

setTimeout(function() {	alert("hehe");
},3000;

setInterval(function(){
	alter("hehe");
},2000);
alert("要跳转咯~");
location.href="http://www.baidu.com";
//3秒之后跳转到首页
document.write("3秒后跳转到首页....");
setTimeout(function() {
location.href="http://www.baidu.com";
},3000);

DOM

在这里插入图片描述

  • JavaScript通过DOM,就能够对HTML进行操作了

在这里插入图片描述

获取Element对象在这里插入图片描述

常见HTML Element对象的使用

style:    设置元素css样式

innerHTML:设置元素内容

事件监听

事件:HTML事件是发生在HTML元素上的"事情"。比如:

  • 按钮被点击
  • 鼠标移动到元素之上
  • 按下键盘按键
    事件监听: JavaScript可以在事件被侦测到时执行代码

事件绑定

在这里插入图片描述

常见事件

onsubmit

  • 返回true,表单会提交,否则就不提交。

正则表达式

在这里插入图片描述

//规则:单词字符:6-12
var reg = /^w{6,12}$/;
var str = "abc";
var flag = reg.test(str);
alert(flag);

最后

以上就是正直电源为你收集整理的JavaScript基础JavaScript能做什么?什么是JavaScriptJavaScript引入方式JavaScript基础语法JavaScript常用对象BOMDOM事件监听正则表达式的全部内容,希望文章能够帮你解决JavaScript基础JavaScript能做什么?什么是JavaScriptJavaScript引入方式JavaScript基础语法JavaScript常用对象BOMDOM事件监听正则表达式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(36)

评论列表共有 0 条评论

立即
投稿
返回
顶部