JavaScript实现了网页的行为

1.JavaScript使用
JavaScript 可插入 HTML 页面的编程代码。可由所有的现代浏览器执行。
JavaScript 标签可以放置到 HTML 页面的 <head> 或者<body> 部分。

2.JavaScript调试方法
使用 window.alert() 弹出警告框。
使用 console.log() 写入到浏览器的控制台。
使用 document.write() 方法将内容写到 HTML 文档中(文档加载后使用该方法,会覆盖整个文档)。

3.JavaScript注释
可以通过//,/**/方式注释

4.JavaScript支持的数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
都通过var关键字定义

var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
var x=true; // 现在 x 为布尔
var name=new Array(); //现在为数组
name[0]="a";
var name=new Array("a","b","c");//现在为数组
var name=["a","b","c"];//现在为数组
var person={
firstname : "A",
lastname : "B",
};//现在为对象
//对象的使用可以使用以下2种方式
person.lastName;
person["lastName"];

5.JavaScript的函数使用关键字function定义,可以有返回值

function myFunction()
{
var x=5;
return x;
}

6.JavaScript支持运算符,逻辑运算符,If...Else,switch ,for,while ,Break , Continue,try...catch等逻辑操作

7.JavaScript可以改变 HTML和css
document.getElementById(id).innerHTML=新的 HTML
document.getElementById(id).attribute=新属性值 新增删除HTML 元素
document.getElementById(id).style.property=新样式

document.getElementById("div").innerHTML="test"; //新文本
document.getElementById("image").src="landscape.jpg";//新属性
document.getElementById("p2").style.color="blue";//新颜色
document.getElementById("p2").style.fontSize="larger";//新字体大小
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);//新元素
var element=document.getElementById("div1");
element.appendChild(para);//增加元素
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);//删除元素

8.JavaScript支持JavaScript HTML DOM 事件
onclick(点击),onload (加载网页), onunload(离开网页),onchange(改变输入字段),onmouseover (鼠标移至), onmouseout(鼠标移出),onmousedown(点击鼠标),onmouseup(释放鼠标)

9.JavaScript内置对象
Number:
所有 JavaScript 数字均为 64 位
toString()把数字转换为字符串,使用指定的基数。
toFixed(2)把数字转换为字符串,结果的小数点后有指定位数的数字。

String:
使用位置(索引)可以访问字符串中任何的字符:var n=name[2];
使用长度属性length来计算字符串的长度:document.write(n.length);
使用反斜线(\)插入特殊符号:var answer=‘It\‘s alright‘;
使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:var n=name.indexOf("oo");
match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符;
replace() 方法在字符串中用某些字符替换另一些字符;
字符串大小写转换使用函数 toUpperCase() / toLowerCase();
字符串使用split()函数转为数组;

Date:
var d = new Date().toUTCString();//获取当前日期并转为字符串

Math 对象:
round()四舍五入
random()返回 0 到 1 之间的随机数。
max()返回两个给定的数中的较大的数

此外还有Window 对象,Screen对象,Location对象,等

时间: 2024-10-29 19:10:32

JavaScript实现了网页的行为的相关文章

利用 JavaScript SDK 部署网页版“Facebook 登录”

利用 JavaScript SDK 部署网页版"Facebook 登录" 通过采用 Javascript 版 Facebook SDK 的"Facebook 登录",用户可以使用 Facebook 凭据登录您的网页.即使您因为一些原因而无法使用我们的 JavaScript SDK,也一样可以实施"Facebook 登录". 要在不使用 JavaScript SDK 的情况下实施"Facebook 登录",请参阅手动构建登录流程

【转】Javascript+css 实现网页换肤功能

来源:http://www.php100.com/html/webkaifa/DIV_CSS/2008/1014/2326.html Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮(后台为每个li添

【JavaScript】单击网页任意一处打开新窗口与关闭窗口

在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口. 这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件. 比如下图的效果: 在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会. 在新窗口的地址栏不可以编辑,不能被调整大小,提供一个"关闭"按钮,关闭该窗口. 原网页的HTML布局如下, <!DOCTYPE HTML

Unity与JavaScript交互——本网页弹出新窗口

赶项目遇到个需求需要在网页打开一个网页的应用因为不想在Unity场景中在编辑,所以产生了这么奇怪的需求 参考网页:http://www.studyofnet.com/news/27.html http://www.java123.net/v/959099.html http://www.java123.net/v/892812.html http://blog.csdn.net/riconyi/article/details/5540557 http://www.jb51.net/article

javascript实现双击网页自动滚动,单击滚动停止

当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的.为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止. <script language"javascript"> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",20)

一个非常简单的方法使用JavaScript打包一个网页成为安卓app(打包远景论坛)

前言: 此方法非常简单,可以挑一些移动端做的好的网站进行打包,比如 淘宝网,  京东网,网易新闻,   远景论坛 大神看了轻喷,可以自己做了玩一下,本质上也是在浏览器访问页面,灵感来源于酷安一款应用[小购物] 不过这款应用不是使用该方法                                   正文: 这里使用 远景论坛 的移动端网页来做一个示例,远景移动网页做得挺好,就是没出过app 使用 HBuilder 新建一个移动app 2. 留下这几个文件就够了 3. 代码 在 index.

Python爬虫基础——HTML、CSS、JavaScript、JQuery网页前端技术

一.HTML HTML是Hyper Text Markup Language(超文本标记语言)的缩写. HTML不是一种编程语言,而是标记语言. HTML的语法 双标签: <标签名></标签名> 单标签: <标签名/> HTML的元素和属性 <标签名 属性名=属性值>元素</标签名> <标签名 属性名=属性值/> HTML的结构 <!DOCTYPE html>----文件为html文件 <html lang=&quo

(知识点)JavaScript中获取网页高度

网页可见区域的宽:document.body.clientWidth 网页可见区域的高:document.body.clientHeight 网页可见区域的宽:document.body.offsetWidth(包括边线的宽) 网页可见区域的高:document.body.offsetHeight(包括边线的高) 网页正文全文的宽:document.body.scrollHeight 网页正文全文的高:document.body.scrollWidth 网页被卷去的高:document.body

原生javascript写的网页选项卡和jQuery写的比较

总的来说思路比较简单,就是先获取节点,然后对节点进行相应的处理,下面是完整的页面代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>原生js tab</title>