JavaScript 入门知识概念

JavaScript简介

JavaScript 是一种属于网络的脚本语言,被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

应用场景

  1. 嵌入动态文本于HTML页面
  2. 对浏览器事件做出响应
  3. 读取HTML元素
  4. 在数据被提交到服务器之前验证数据
  5. 检测访客的浏览器信息
  6. 控制Cookies,包括创建和修改等

验证用户输入的内容

是同JavaScript脚本语言可以在客户端对用户输入的数据进行验证。例如在制作用户注册信息页面时,要求用户输入确认密码,以确定用户输入密码是否准确。如果用户在“确认密码”文本框中输入的信息与“密码”文本框中输入的信息不同,则弹出相应的提示信息。
js实现前端对密码进行校验

动画效果

在浏览网页时,经常会看到一些动画效果,使页面显得生动。使用JavaScript脚本语言也可实现动画效果,例如在页面中实现落花缤纷的效果。
落花缤纷的特效

窗口的应用

在打开网页时经常会看到一些悬浮的广告窗口,这些广告窗口是网站最大的盈利售端,我们也可以通过JavaScript脚本语言来实现。
弹窗广告

文字特效

使用JavaScript 脚本语言可以使文字实现多用特效,例如改变文字大小和颜色。
文字特效

应用Ajax 技术实现百度搜索显示

Ajax

语言特点

  1. 脚本语言
    解释型的脚本语言,C,C++等语言先编译后执行,而JavaScript 是在程序的运行过程中逐步进行解释。
  2. 基于对象
    不仅可以创建对象,也能使用现有的对象。
  3. 简单紧凑
    采用弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言。
  4. 动态性
    采用事件驱动,不需要经过Web服务器就可以对用户的输入做出响应。
  5. 跨平台性
    不依赖于操作系统,仅需要浏览器的支持
  6. 安全性
    不允许访问本地的硬盘,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。

语法特点

大小写敏感:严格区分大小写
空格与换行:忽略程序中的空格,换行和制表符,除非是字符串或正则表达式的一部分换行即换句
结尾分号:不要求必须以分号作为语句的结束标记,但是加上分号可以包正每行代码的准确性。
注释:一般用来注释代码和调试代码,注释单句用//,注释多句用/**/。

基本使用方法

HTML 是一种超文本标记语言。所谓“超文本”就是指页面内可以包括图片,链接,甚至音乐,程序等非文本元素。超文本标记语言的结构包括“头”部分,和“主体”部分,其中头部提供关于网页的信息,“主体”部分提供网页的具体内容。

  1. head 用于定义问你该当的头部,他是所有头部元素的容器,中元素可以引用脚本、提供元信息等
  2. body 元素定义文档的主题,包括文档的所有内容。
  3. script 用于定义客户端脚本,比如JavaScript ,既可以包括脚本语句,也可以通过src属性指向外部脚本文件,script标签既可以写在head里,也可以写在body里。区别是head加载在页面加载前,body加载在页面加载后生效

示例:
在这里插入图片描述
示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function go(){
            window.location.href="https://www.baidu.com";
        }
    </script>
</head>
<body>

<p style="color: red;font-size: 30px">开始</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<button onclick="go()">点击跳转</button>
<input type="checkbox">复选框</input>
<input type="radio">单选按钮</input>
<br>
<select>
    <option value="value1">value1</option>
    <option value="velue2">value2</option>
</select>
</body>
</html>

输出语句

alert: 在浏览器中弹出一个对话框,把要输出的内容转换未字符串输出。
document.wirte(): 直接在页面中展示输出内容。
console.log(): 在控制台输出内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值