1.javascript篇(基础)
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篇(基础)的更多相关文章
- rcGIS API for JavaScript之基础篇（一）
ArcGIS API for JavaScript之基础篇(一)上一篇文章介绍了ArcGIS 10.4的安装指南也包含了所需要资源,需要的同学可以去公众号中查找.最近几天学习了2D地图.3D地图以及图 ...
- JavaScript RegExp 基础详谈
前言: 正则对于一个码农来说是最基础的了,而且在博客园中,发表关于讲解正则表达式的技术文章,更是数不胜数,各有各的优点,但是就是这种很基础的东西,如果我们不去真正仔细研究.学习.掌握,而是抱着需要的时 ...
- web前端面试试题总结---javascript篇
JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...
- 快速掌握JavaScript面试基础知识(三)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- 快速掌握JavaScript面试基础知识(二)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- Python入门篇-基础语法
Python入门篇-基础语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.编程基础 1>.程序 一组能让计算机识别和执行的指令. 程序 >.算法+ 数据结构= 程 ...
- 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...
- 前端试题本（Javascript篇）
JS1. 下面这个JS程序的输出是什么:JS2.下面的JS程序输出是什么:JS3.页面有一个按钮button id为 button1,通过原生的js如何禁用?JS4.页面有一个按钮button id为 ...
- [译]PrestaShop开发者指南 第一篇 基础
# 第一篇 基础 PS(PrestaShop简称)一开始就设定了能够在它的基础上很简单的构建第三方模块的机制,让它成为一款具有极高定制性的电子商务软件. PS的可以在三个方面进行定制: * 主题 * ...
随机推荐
- How to generate UML Diagrams from Java code in Eclipse
UML diagrams compliment inline documentation ( javadoc ) and allow to better explore / understand a ...
- 【荐】说说CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了.增长总是快于消亡导致了浏览器兼容是成了谈不完的话题.说 到浏览器兼容,CSS HACK自然而然地被我们想起.今 ...
- PHP正则表达式详解（三）
1.preg_match() :preg_match() 函数用于进行正则表达式匹配,成功返回 1 ,否则返回 0 . 语法:int preg_match( string pattern, strin ...
- GET和POST可传递的值到底有多大？
前日,看到这个问题了. 没有深入了解.我的常识里面get最大传递的值为256b,post 是2M.这是很久以前不知在哪看到的.于是又百度一下.看到两篇文章装过来看看: 浅谈 HTTP中Get与Post ...
- PHPExcel yii2 加载使用
除了用composer 包管理组件的方式外 我们还可以使用 直接最原始的加载方式---超级简单 1.PHPExcel上下载最新的PHPExcel http://phpexcel.codeplex.co ...
- 单词words
论一类脑筋急转弯题和奇技淫巧题的解题技巧 [题意] 给定n个长为m且只包含xyz的字符串,定义两个字符串的相似程度为它们对应位置相同字符个数(比如xyz和yyz的相似程度为2,后两位相同),分别求出相 ...
- block、inline、inline-block
block: block - 块级元素 常见的块级元素包括:div,form,p,table,ul,ol,dl,h1~h6,pre block 可以包含 inlne 和 block 和 inline- ...
- Path之Data属性语法A命令
<Path Width="300" Height="300" Fill="Red" Data="M 100,100 L 10 ...
- 关于kali2.0rolling中metasploit升级后无法启动问题的解决总结
最近在学习metasploit的使用,文中提到可以使用msfupdate命令来对metasploit的payload.exploit等进行升级,我就试了一下,没想到升级过程并不麻烦,但升级后却出现了无 ...
- .deb包的安装方法
deb是Debian linux的安装格式,跟redhat的rpm非常相似,最基本的安装命令是: dpkg -i file.deb dpkg是Debian Package的简写,是为Debian专门开 ...