javascript的应用可以实现 javascript可以用什么工具编写

转载

mob64ca1415bcee 2023-08-20 09:05:10

文章标签 javascript的应用可以实现 javascript js代码 Java 文章分类 JavaScript 前端开发

1、JavaScript 介绍

（1）JavaScript的简介

livescript -- JavaScript的前身

JS是由网景公司发明的，起初定名为livescript，后来被SUN公司改名为JavaScript
微软在IE3里面引入了JScript（注意，不是JavaScript）

ECMAScript 是 JavaScript 的标准

不同的浏览器厂商对该标准会有不同的实现

开发环境

JavaScript 是一种脚本语言代码不需要编译成二进制，而是以文本形式存在，因此任何文本编辑器都可以作为其开发环境

运行环境

JavaScript程序依赖于浏览器，几乎所有浏览器都使用
但是要注意，IE浏览器的各个版本的差异很大，比如IE6、IE8等，最好有各种版本的IE浏览器

JavaScript 的构成

ECMAScript ：标准
DOM ：文档对象模型（提供一组对象，让我们操作网页）
BOM ：浏览器对象模型（提供一组对象，让我们操作浏览器）

JavaScript 的特点

解释型语言
类似于 C 和 Java 的语法结构
动态语言
基于原型的面向对象

JavaScript

解释型语言
面向对象

JavaScript != Java

Java 是传统的编程语言，JavaScript 是脚本语言
Java 语言多用于服务器端，JavaScript 主要用于客户端
Java 不能直接嵌入网页中运行，JavaScript 程序可以直接嵌入到网页中运行

（2）面向对象与面向过程

面向对象

就像盖浇饭，饭在底下，菜盖在上面可以分离；如果不需要青菜，直接换掉盖在上面的菜就好了
先设计不同的功能，当我需要的时候就拿出来用，不需要的时候就不拿
可维护性好，且耦合性较低
将问题分解成一个又一个的小问题（对象），用来描述需要用到的方法，然后设计这些方法，用这些方法来解决问题

面向过程

蛋炒饭一样，混炒在一起；如果不想吃葱，你还得倒掉重新做
按照一步一步的步骤，不同步骤用不同或相同的方法来解决问题
面向对象就是分析出解决问题需要的步骤，然后利用方法函数实现这些步骤，使用的时候一个一个依次调用

2、输入文本

<script type="text/javascript">
    alert("输入文本");
    document.write("输入文本");
    console.log("输入文本");
</script>

<script type="text/javascript">

js需要编写到script标签中

alert("输入文本");

控制浏览器弹出警告框

通常用于打开关闭页面才弹出的提示
当然也可以用来做一些非常规操作----看自己的天马行空吧

document.write("输入文本");

让计算机在页面上输出一个内容
document.write()；
就是在body中写入内容
这里面的东西是直接向浏览器页面输出的内容

console.log("输入文本");

向控制台输入一个内容
控制台写入的代码是给开发人员或者需要的编程人员看的

confirm：出现的提示框是确定和取消，属性为确定功能
alert：出现的提示框

3、编写方法和位置

<head>
    <!--编写位置 2-->
    <script type="text/javascript" src="002%20外部脚本路径.js"></script>
    <script type="text/javascript">alert("在这里写方便，直接弹出来");</script>

    <!--编写位置 1-->
    <script type="text/javascript">
        alert("在这里写方便，直接弹出来");
    </script>

</head>
<body>
    <!--编写位置 3-->
    <button onclick="alert('不方便的方法1');">点击按钮</button>
    <a href="javascript:alert('不方便的方法2');">点击按钮</a>
</body>