js基础部分

js定义：

1.js是通过浏览器解析，然后由浏览器执行的一种脚本语言
2.css控制样式，而js控制行为

基本格式：

<script type="text/javascript">

基本定义：

所有类型都要用var来定义

外部样式表(CSS):

<link rel="stylesheet" href="StyleSheet1.css" type="text/css"/>

外部样式表(javascript):
<script type="text/javascript" src="JavaScript1.js"></script>

2.基本的行为方式：

1.浏览器弹窗 alert()//浏览器弹窗()后面弹窗里的内容 //注意：如果JavaScript和css在一起执行
则JavaScript先执行，因为是行为

2.confirm("提示框") //注意：js 是弱类型的语言 而c#是强类型的语言

3.prompt：收集文本字符
parseFloat：转换成小数

4.js 打开新窗口

window.open("地址","标题名");

5.初次载入

window.onload = kk;
function kk() { alert("页面加载完毕")}

6.document.getElementById(获取id）;

3.流程控制

var ak12 = prompt("请输入成绩")
ak12 = parseFloat(ak12);
if (ak12 > 12)
{

alert("合格啦");

}

4.数组定义

数组的格式：var arr[];
var arr=new Arrer();

var arr = [12, 1, 122, 13];
var r = add(arr);
alert(r);
var sum = 0;
function add(arr) {

for (var i = 0; i < arr.length; i++)
{

sum = sum + arr[i];

}
return sum;

}

5.事件

<script type="text/javascript">

function fun()
{

alert("你已经被点击了")

}

</script>
</head>
<body>
<input type="button" value="测试" onclick="fun()"/>
</body>

事件2：

function show()
{

var input = document.getElementById("text");
input.value="欢迎你"

}

</script>
</head>
<body>
<input type="text" id="text" />
<input type="button" value="测试" onclick="show()" />

事件3：获取焦点 清除 window.onload = function ()
{

var input = document.getElementById("text");
input.onfocus = function ()
{

this.value = "";

}

}

事件4：点击不同方块显示不同的颜色

<style type="text/css">

div {

height:122px;
width:122px;
border:1px solid;
}

</style>
<script type="text/javascript">

window.onload = function () {

}
function changecolor(node)
{

node.style.background = "red";

}

</script>
</head>
<body>
<div onclick="changecolor(this);"></div>
<div onclick="changecolor(this);"></div>
<div onclick="changecolor(this);"></div>
</body>
</html>

事件4：动态生成方格框

window.onload = function ()
{

var divnode = document.getElementsByName("div");
for (var i = 0; i < divnode.length; i++)
{

divnode[i].onclick = function ()
{

this.style.background = "red";

}

}

}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>

1.javascript篇(基础)的更多相关文章

  1. rcGIS API for JavaScript之基础篇（一）

    ArcGIS API for JavaScript之基础篇(一)上一篇文章介绍了ArcGIS 10.4的安装指南也包含了所需要资源,需要的同学可以去公众号中查找.最近几天学习了2D地图.3D地图以及图 ...

  2. JavaScript RegExp 基础详谈

    前言: 正则对于一个码农来说是最基础的了,而且在博客园中,发表关于讲解正则表达式的技术文章,更是数不胜数,各有各的优点,但是就是这种很基础的东西,如果我们不去真正仔细研究.学习.掌握,而是抱着需要的时 ...

  3. web前端面试试题总结---javascript篇

    JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...

  4. 快速掌握JavaScript面试基础知识(三)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  5. 快速掌握JavaScript面试基础知识(二)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  6. Python入门篇-基础语法

    Python入门篇-基础语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.编程基础 1>.程序 一组能让计算机识别和执行的指令. 程序 >.算法+ 数据结构= 程 ...

  7. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  8. 前端试题本（Javascript篇）

    JS1. 下面这个JS程序的输出是什么:JS2.下面的JS程序输出是什么:JS3.页面有一个按钮button id为 button1,通过原生的js如何禁用?JS4.页面有一个按钮button id为 ...

  9. [译]PrestaShop开发者指南 第一篇 基础

    # 第一篇 基础 PS(PrestaShop简称)一开始就设定了能够在它的基础上很简单的构建第三方模块的机制,让它成为一款具有极高定制性的电子商务软件. PS的可以在三个方面进行定制: * 主题 * ...

随机推荐

  1. PHP大数（浮点数）取余

    一般我们进行取余运算第一个想到的就是用百分号%,但当除数是个很大的数值,超出了int范围时,这样取余就不准确了. php大数(浮点数)取余函数 /** * php大数取余 * * @param int ...

  2. 【Go入门教程3】流程（if、goto、for、switch）和函数（多个返回值、变参、传值与传指针、defer、函数作为值/类型、Panic和Recover、main函数和init函数、import）

    这小节我们要介绍Go里面的流程控制以及函数操作. 流程控制 流程控制在编程语言中是最伟大的发明了,因为有了它,你可以通过很简单的流程描述来表达很复杂的逻辑.Go中流程控制分三大类:条件判断,循环控制和 ...

  3. Windows下安装MongoDB

    项目当中用到MongoDB最为NoSQL数据库,运行的平台为 Windows Server 2008,下面是MongoDB的安装过程笔记: 1.下载软件 官方下载地址:http://www.mongo ...

  4. JAVA设计模式--单例模式

    单例设计模式 Singleton是一种创建型模式,指某个类采用Singleton模式,则在这个类被创建后,只可能产生一个实例供外部访问,并且提供一个全局的访问点. 核心知识点如下: (1) 将采用单例 ...

  5. C和指针 第三章 指针常量与常量指针

    c语言中声明常量的两种方式 const int value int const value 如果要声明常量的指针,即指向常量的指针,则可以参考上面的常量声明修改一下 const int *ptr in ...

  6. Postman 发送http请求工具

    http://donglegend.com/2016/10/28/Postman/ Postman 发现一款发送Web API & HTTP 请求的工具,没错,就是Postman.推荐给大家, ...

  7. nginx实现本地图片生成缩略图

    nginx可以实现图片的缩略图效果,很多网站为了前端静态资源相应的性能会给大图自动生成一个小图,比如我们经常会在网上看到bd_64x64.png这种格式,淘宝上的小图经常会看到xxx.jpg_100x ...

  8. CCProxy二级代理上网设置

    假如电脑A可以通过代理服务器上网,B电脑又可以连接A电脑,那么A电脑可以作为二级代理服务器进行上网,需要设置如下: 1.在A电脑上安装CCProxy,以v8.0为例 2.选择设置->高级 3.启 ...

  9. yii2.0 框架邮件的发送

    第一步: 在main-local.php中的components中配置mailer: $config = [ 'components' => [ 'mailer' => [ 'class' ...

  10. Markdown 文档格式编写语法

    http://www.cnblogs.com/cxf520/p/6179294.html