JavaScript新手入门学习笔记

JavaScript介绍

1.1 前端三要素

  • HTML 超文本标记语言 决定了网页中的视图内容
  • CSS 层叠样式表 决定了网页中的视图效果
  • JavaScript 赋予网页动态功能

1.2 JavaScript简介

JavaScript是一种基于对象的事件驱动型、弱类型的脚本语言

  • 基于对象:区别于Java中的面向对象,遵循对象.方法的规则,但是没有类的概念

  • 事件驱动:脚本语言代码需要由网页中的事件来触发执行

  • 脚本语言:JS作为寄生语言,写在HTML网页中

  • JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。

  • JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果

包含三部分:

  • ECMAScript语法:基本的语法结构,包括变量、运算符、分支、循环、函数等。

  • DOM操作:对网页上的标签操作。包含HTML标签和css相关内容。

  • BOM操作:对浏览器的操作。包括历史操作(前进、后退)、地址栏操作等。

1.3 JavaScript可以干什么?

  • 可以修改HTML标签的属性
  • 可以修改HTML标签的样式
  • 动态修改网页中的内容
  • 对用户在网页中输入的数据进行校验(格式合法性校验)
  • 可以实现与服务端的异步交互
  • 可以访问Cookie及localstorage等浏览器端缓存数据

1.4 JavaScript不能做什么?

  • JS不能访问浏览器本地的用户文件
  • JS不能访问来自于不同服务器的缓存数据(Cookie)

二、JS的使用方式

JS的使用方式,包含三种方式:

  • 1、直接在html标签中写JS

  • 2、在head标签中或者任意位置的标签中写代码。最好将script放在网页文件的body标签的最后面

  • 3、在一个后缀名为js的文件中写代码,在页面上引用。

代码演示


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/common.js" >script>
		<script type="text/javascript">
			function fn1(){
				alert('我是谁?我在哪里?我要干什么?');
			}
		script>
	head>
	<body>
		<a href="" onclick="return confirm('确定要删除吗?');">删除a>
		
		<input type="button" value="点击" onclick="fn1()"/>
		
		<input type="button" value="First Blood" onclick="fn2()"/>
	body>
html>

common.js

function fn2(){
	alert('我又来了');
}

注意:

  • 1、type要么不写,使用默认,要写就写正确。

  • 2、

你可能感兴趣的:(前端,html,javascript)