JavaScript总结 01
来源:互联网 发布:淘宝高达模型的黑店 编辑:程序博客网 时间:2024/06/05 19:35
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>1.JS基础</title>
<script type="text/javascript">
alert(111)
</script>
</head>
<body>
<!--
HTML:负责网页的结构和内容
CSS 负责网页的布局和样式
JS 负责网页的交互行为
-->
<!--JS基本介绍
Javascript 是一个轻量级的编程语言,也是脚本语言
Javascript的特点:
1.一种解释性执行的脚本语言
2.一种基于对象的脚本语言
3.一种简单弱类型脚本语言
4.一种相对安全脚本语言
5.一种事件驱动脚本语言
6.一种跨平台性脚本语言
-->
<!--什么是编程语言?
传统的编程语言:如C JAVA OC 等.
编写->编译->链接->运行(生成可执行文件)
脚本语言:为了省去中间编程语言繁琐的过程.编写的代码,就是最终可执行的文件
-->
<!--JS历史:-->
<!--Javascript和Java没有任何关系.是两种完全不同的语言-->
<!--1995 用于Netscape 中 (已经停止跟新)
1997 被ECMA(标准制定机构)采用
-->
<!--JS的组成部分:
ECMAscript 语法标准 基本的语法结构
DOM (document object model)文档对象模型 关于处理文档的方法(增 删 改 查)
BOM(browser object model)浏览器对象模型 关于与浏览器进行交互的方法
-->
<!--引入方式:
1.内部引入
2.外部引入
3.行间引入
-->
<!--行间引入方式-->
<!--在标签中添加事件属性
on 当
click 事件名称 点击
-->
<a onclick="alert('大家很棒')">打开提示框</a>
<a href="javascript:alert('111')">弹框</a>
</body>
<!--内部引入方式:-->
<!--
*script可在html中放入不限数量的脚本
* js可以在head和body中也可以在任意位置
* 代码的解析顺序有先后 js代码会阻断文档的加载,一般把js写在body的最后;这样先把页面加载出来再
* 加载js代码 实现对应的交互,用户体验好
-->
<script type="text/javascript">
//在script标签对中书写代码
/*
结合浏览器用于平时开发时的调试的常用的方法:
*/
/*1.alert():弹出警示框
* alert(字符串/变量名)
*/
alert("hello");
alert('hellow world');
/*2.console.log():向控制台输出内容
*/
console.log("哈哈哈");
console.error("错误❌");
/*
* 3.对可能会出现的错误进行异常捕获(使用异常捕获不会影响后面代码的执行)
* try{
* //书写可能会出现的异常代码
* }catch(e){
* //出错之后的补救代码 e就是错误对象
* }
*/
try{
console.log(aaa)
}catch(e){
//TODO handle the exception
console.log(e.message)
}
/*4.js中提供了三种提示框
* alert()警示提示框
* confirm()确定提示框
* prompt()消息提示框
*/
confirm("你确定吗?");
prompt("输入你的昵称","Nick");
/*document.write()向html文档中写入内容
*
*/
document.write("<br>开始js学习");
document.write("<p>段落标签</p>");
</script>
<!--外部引入方式:
-->
<script src="js/main.js" type="text/javascript" charset="utf-8">
//外部引入的时候不要在此处书写任何内容 不会执行
</script>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>1.JS基础</title>
<script type="text/javascript">
alert(111)
</script>
</head>
<body>
<!--
HTML:负责网页的结构和内容
CSS 负责网页的布局和样式
JS 负责网页的交互行为
-->
<!--JS基本介绍
Javascript 是一个轻量级的编程语言,也是脚本语言
Javascript的特点:
1.一种解释性执行的脚本语言
2.一种基于对象的脚本语言
3.一种简单弱类型脚本语言
4.一种相对安全脚本语言
5.一种事件驱动脚本语言
6.一种跨平台性脚本语言
-->
<!--什么是编程语言?
传统的编程语言:如C JAVA OC 等.
编写->编译->链接->运行(生成可执行文件)
脚本语言:为了省去中间编程语言繁琐的过程.编写的代码,就是最终可执行的文件
-->
<!--JS历史:-->
<!--Javascript和Java没有任何关系.是两种完全不同的语言-->
<!--1995 用于Netscape 中 (已经停止跟新)
1997 被ECMA(标准制定机构)采用
-->
<!--JS的组成部分:
ECMAscript 语法标准 基本的语法结构
DOM (document object model)文档对象模型 关于处理文档的方法(增 删 改 查)
BOM(browser object model)浏览器对象模型 关于与浏览器进行交互的方法
-->
<!--引入方式:
1.内部引入
2.外部引入
3.行间引入
-->
<!--行间引入方式-->
<!--在标签中添加事件属性
on 当
click 事件名称 点击
-->
<a onclick="alert('大家很棒')">打开提示框</a>
<a href="javascript:alert('111')">弹框</a>
</body>
<!--内部引入方式:-->
<!--
*script可在html中放入不限数量的脚本
* js可以在head和body中也可以在任意位置
* 代码的解析顺序有先后 js代码会阻断文档的加载,一般把js写在body的最后;这样先把页面加载出来再
* 加载js代码 实现对应的交互,用户体验好
-->
<script type="text/javascript">
//在script标签对中书写代码
/*
结合浏览器用于平时开发时的调试的常用的方法:
*/
/*1.alert():弹出警示框
* alert(字符串/变量名)
*/
alert("hello");
alert('hellow world');
/*2.console.log():向控制台输出内容
*/
console.log("哈哈哈");
console.error("错误❌");
/*
* 3.对可能会出现的错误进行异常捕获(使用异常捕获不会影响后面代码的执行)
* try{
* //书写可能会出现的异常代码
* }catch(e){
* //出错之后的补救代码 e就是错误对象
* }
*/
try{
console.log(aaa)
}catch(e){
//TODO handle the exception
console.log(e.message)
}
/*4.js中提供了三种提示框
* alert()警示提示框
* confirm()确定提示框
* prompt()消息提示框
*/
confirm("你确定吗?");
prompt("输入你的昵称","Nick");
/*document.write()向html文档中写入内容
*
*/
document.write("<br>开始js学习");
document.write("<p>段落标签</p>");
</script>
<!--外部引入方式:
-->
<script src="js/main.js" type="text/javascript" charset="utf-8">
//外部引入的时候不要在此处书写任何内容 不会执行
</script>
</html>
阅读全文
0 0
- JavaScript总结 01
- javascript总结及详解01
- Javascript总结
- Javascript总结
- JavaScript总结
- JavaScript总结
- javascript总结
- javascript 总结
- javascript总结
- Javascript总结
- Javascript 总结
- JavaScript总结
- javascript总结
- Javascript总结
- javascript总结
- javascript 总结
- javascript总结
- javascript总结
- 条款18:避免使用vector<bool>(转)
- 配置虚拟机
- 函数的调用堆栈
- eclipse连接hadoop
- spring学习笔记肆——AOP
- JavaScript总结 01
- 【NOIP 2015】跳石头 二分答案
- Windows常用shell命令大全
- 形参
- JAVA基础复习十一-Object类
- 【Python网络爬虫】Python维基百科网页抓取(BeautifulSoup+Urllib2)
- c++的一些简单概念
- bzoj 4337: BJOI2015 树的同构 树哈希
- 跟我一起写makefile 二