js基础

VUE.js： 
Vue.js 是用于构建交互式的 Web 界面的库。 
Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

Vue.js 特点： 
简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。 
数据驱动： 自动追踪依赖的模板表达式和计算属性。 
组件化： 用解耦、可复用的组件来构造界面。 
轻量： ~24kb min+gzip，无依赖。 
快速： 精确有效的异步批量 DOM 更新。 
模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。 
如果你喜欢下面这些，那你一定会喜欢 Vue.js： 
可扩展的数据绑定机制 
原生对象即模型 
简洁明了的 API 
组件化 UI 构建 
多个轻量库搭配使用

Node.js： 
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 
Node.js 的包管理器 npm，是全球最大的开源库生态系统

JavaScript: 
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区

分大小写的客户端脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问

题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费

的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能

。所以，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies 
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更

多的应用。 
JavaScript 是一种最流行的脚本语言。 
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 
JavaScript 被设计为向 HTML 页面增加交互性。

document.write(“

This is a heading

“); 
document.write(“

This is a paragraph

“); 
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文

档。

覆盖上个文本： 

function d() 
{ 
document.write(“

无形之刃，最为致命

“); 
document.write(“

提莫队长

“) 
} 

三个文本框： 

//警告框 
function testAlert() 
{ 
alert("警告框"); 
} 
 
//询问框 
function testPrompt() 
{ 
prompt("询问框"); 
} 
 
//确认框 
function Confirm() 
{ 
confirm("确认框"); 
} 
 

警告框 
询问框 
确认框 

改变html内容

提莫队长正在送命

    

            点击这里

 

改变图片 

function myFunction() 
{ 
var img = document.getElementById("xian"); // 找到元素 
img.src = "image/xian2.jpg"; // 改变内容 
} 

点击换图 

对话弹出框 

function testA() { 
var email = document.getElementById("email"); 
alert(email.value); 
alert(email.id); 
alert(email.type); 
} 

弹出