JavaScript基础介绍

JavaScript

1、JavaScript的简介
(1)什么是JavaScript:是基于对象和事件驱动的语言,应用于客户端。
* 基于对象:
** java是面向对象,使用对象需要创建
** js里面提供好了一些对象,直接使用

* 事件驱动:每次滑动鼠标,变换一张图片
* 客户端:指的是浏览器


(2)JavaScript的特点(三个)
第一个:交互性
第二个:安全性
    ** JavaScript不能访问本地硬盘里面的文件
第三个:跨平台性
    ** 在java里面跨平台,通过虚拟机实现的
    ** JavaScript跨平台,只要在系统里面安装了支持JavaScript的浏览器,可以运行JavaScript

(3)Java和JavaScript区别(雷锋和雷峰塔)
第一,java是sun公司,现在是oracle;JavaScript是网景公司
第二,java是面向对象的语言,javas是基于对象的语言
第三,java跨平台需要依靠虚拟机实现,JavaScript只需要浏览器可以运行
第四,JavaScript弱类型语言,java是强类型的语言
    ** 比如在java里面定义一个变量 int a = 10;   int b = "10";不正确
    ** 在JavaScript里面定义变量都是使用一个关键字 var a = 10;  var b = "10"; var c = true;
第五,java运行先编译通过虚拟机运行,JavaScript直接使用浏览器运行

(4)JavaScript由三部分组成
第一部分:ECMAScript
    ** 又ECMA组织制定语句,语法
第二部分:BOM
    ** broswer object  model:浏览器对象模型
第三部分:DOM
    ** document object model:文档对象模型

在 或者 的JavaScript
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 部分中,其他控件标签等放在标签下。或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

2、js和html的结合方式
* 有两种结合方式
第一种:使用html中的标签
** 代码

alert("aaa");

    ** js的注释有两种
        //单行注释
        /*
        多行注释
        */

第二种:使用html的标签,引入外部的js文件
    <script type="text/javascript" src="js文件的路径"></script>
    * 使用第二种方式的时候有两点注意
    注意一:不要在script标签里面写js代码了,不会执行
    注意二:结束script标签是 </script>,不要在标签内结束
    * 代码
    <script type="text/javascript" src="1.js">
        //不要在script标签里面写js代码了,不会执行
        //alert("aaa");
    </script>

JavaScript:直接写入 HTML 输出流




<p>//段落
JavaScript 能够直接写入 HTML 输出流中:
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
//<strong>字体加粗
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
</p>
</body>
</html>

JavaScript:对事件的反应 

<body>
<h1>我的第一个 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击:
</p>
<button type="button" onclick="alert('欢迎!')">点我!</button>
</body> 

 


function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}


posted @ 2019-06-01 17:25  街头诗人李寻欢  阅读(116)  评论(0编辑  收藏  举报