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>
原创粉丝点击