var a="zhangsan";

  document.write(a+":I love JavaScrip");

  a="lisi";

  document.write("<br/>");

  document.write(a+":I love JavaScrip");

  alert('haha');

函数的编写

 function test(){

	    var mymessage=confirm("你喜欢JavaScript吗?");

    if(mymessage==true)

    {   document.write("很好,加油!");   }

    else

    {  document.write("JS功能强大，要学习噢!");   }

	  }

 function test()

	  {

		  	var con=confirm("你缺点需要退出网站吗？");

			if(con==true)

			{

				document.write("你端机确定额！");

				}

				else

				{

					document.write("你端机确定额！");

					}

		  }

--------------------------------

function test1()

		  {

			  	var myname=prompt("请输入你的姓名:");

if(myname!=null)

  {   alert("你好"+myname); }

else

  {  alert("你好 my friend.");  }

			  }

-------------------

打开关闭

  var a=window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes');

				  a.close();

-----------------------dom节点操作

 function test3()

				  {

					 var d=document.getElementById("hh").innerHTML;

				  document.write(d);  

属性节点操作

     function test5()

				  {

					 var d=document.getElementById("hh1");

				  d.style.color="black" ;

				  d.style.background="gray";

				  d.style.fontFamily="微软雅黑";

				  d.style.fontSize=20;

				  }

---------------显示隐藏

				  function test6()

				  {

					  var d=document.getElementById("dis").style.display="none";

					  }

					   function test7()

				  {

					  var d=document.getElementById("dis").style.display="block";

					  }

修改类名

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>className属性</title>

<style>

    body{ font-size:16px;}

    .one{

		border:1px solid #eee;

		width:230px;

		height:50px;

		background:#ccc;

		color:red;

    }

	.two{

		border:1px solid #ccc;

		width:230px;

		height:50px;

		background:#9CF;

		color:blue;

	}

	</style>

</head>

<body>

    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

    <input type="button" value="添加样式" onclick="add()"/>

	<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

    <input type="button" value="更改外观" onclick="modify()"/>

	<script type="text/javascript">

	   function add(){

	      var p1 = document.getElementById("p1");

	      p1.className="two";

	   }

	   function modify(){

	      var p2 = document.getElementById("p2");

		    p1.className="one";

	   }

	</script>

</body>

</html>

js变量 什么是变量 定义 表达式 赋值 自增自减 ++--

比较运算法 逻辑运算发  是非颠倒 操作运算符

数组 组团  数组赋值  数组添加元素  使用数组元素 数组数量  二维数组

流程控制语句  if if else switch for while do break conitinute

函数  函数定义  有参函数 带返回值函数

事件 单机事件 鼠标经过 移开 光标聚集 内容选中 内容改变 加载事件 卸载事件

js内置对象

什么是对象

date对象  返回设置年份方法 返回星期方法 返回设置时间方法  返回指定字符  返回字符串首次出现的位置  

字符串分割 split（）  提取字符串substring（）  提取指定数目的字符substr（）  Math对象

向上取整ceil（） 乡下取整floor（） 四舍五入round（） 随机数random（） array数组对象（）

数组里阿尼额concat（）  指定分隔符链接数组元素join（）

window对象 

js计时器  计算器setInterval（）  取消clearInterval（）  计时器setTimeout（）取消计时器  clearTimeout（）

History对象 返回前一个下一个页面 返回浏览历史中其他页面

赋值多元化：

var num1 = 123;       // 123是数值

var num2 = "一二三";    //"一二三"是字符串

var num3=true;   

数组的使用

var myarr=new Array(); //定义数组

 myarr[0]=80;

 myarr[1]=60;

 myarr[2]=99;

var myarray= new Array(8); //创建数组，存储8个数据

var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

 var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

myarray[5]=88; //使用一个新索引，为数组增加一个新元素

var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr

document.write(arr.length); //显示数组长度8

document.write(arr[7]); //显示第8个元素的值54

二维数组

  var myarr=new Array();  //先声明一维

for(var i=0;i<2;i++){   //一维长度为2

   myarr[i]=new Array();  //在声明二维

   for(var j=0;j<3;j++){   //二维长度为3

   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j

   }

   document.write("二维数组："+myarr);

if语句的使用

 var mycarrer = "HTML";

  if (mycarrer == "HTML")

  {

    document.write("你面试成功，欢迎加入公司。");

  }

颠倒数组元素顺序reverse（）  选定元素slice（）  数组排序sort（）

8-11 Location对象

8-12 Navigator对象

8-13 userAgent

8-14 screen对象

8-15 屏幕分辨率的高和宽

8-16 屏幕可用高和宽度

HTML5  section ==div

wbr响应式布局  换行标签  progress  details标签 缩放  datalist  自动提示

form表单下的keygen加密

Js基础操作的更多相关文章

  1. 第六十四天 JS基础操作

    一.分支结构 1.if语句 if基础语句 if(条件表达式){ 代码块: } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通表达式 // 0.undefined ...

  2. jquery与js的区别与基础操作

    一．什么是 jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着 ...

  3. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  4. 【2017-03-28】JS基础、DOM操作

    一.JS基础 1.javascript功能 ⑴进行数据运算 ⑵控制浏览器功能 ⑶控制元素的属性.样式.内容 2.javascript位置和格式 可以放在html页的任意位置,也可以创建一个以js结尾的 ...

  5. GSAP JS基础教程--TweenLite操作元素的相关属性

    今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了.   代码里用详细注释,我就不再重复啦,大家看代码就可以啦! ...

  6. 前端（十二）—— JavaScript基础操作：if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

  7. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  8. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  9. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

随机推荐

  1. php基础知识（每天分享一些以前的笔记希望能帮助自学的朋友）

    php基础(第一天) php标签 1.  要知道php是一种嵌入html文档的脚本语言:php语法格式是:<?php 想要写的内容 ?>红色体就是php的标签,注意这些标签都要在英式输入法 ...

  2. 哈希长度扩展攻击的简介以及HashPump安装使用方法

    哈希长度扩展攻击(hash length extension attacks)是指针对某些允许包含额外信息的加密散列函数的攻击手段.该攻击适用于在消息与密钥的长度已知的情形下,所有采取了 H(密钥 ∥ ...

  3. pwntools安装使用方法

    pwntools是一个CTF框架和漏洞利用开发库,用Python开发,由rapid设计,旨在让使用者简单快速的编写exploit. pwntools对Ubuntu 12.04和14.04的支持最好,但 ...

  4. 删除Mac中所有 .DS_Store 隐藏文件

    删除Mac中所有 .DS_Store 隐藏文件 35•36509感谢 longago 分享于 2012-07-06 12:01|只看该作者|倒序浏览|打印 Safari 5.1.7 Mac OS X ...

  5. discuz_style_default.xml修改

    首先我们需要在template/文件夹下新建一个yourstyle文件夹放置模板文件,然后复制default下的discuz_style_default.xml,重命名为discuz_style_你的 ...

  6. Android开发中怎样调用系统Email发送邮件(多种调用方式)

    在Android中调用其他程序进行相关处理,几乎都是使用的Intent,所以,Email也不例外,所谓的调用Email,只是说Email可以接收Intent并做这些事情 我们都知道,在Android中 ...

  7. HDU 3625 Examining the Rooms

    题目大意:有n个房间,n!个钥匙,在房间中,最多可以破k扇门,然后得到其中的钥匙,去开其它的门,但是第一扇门不可以破开,求可以打开所有门的概率. 题解:首先,建立这样的一个模型,题目相当于给出一个图, ...

  8. Ubuntu系统下在Eclipse中使用真实手机运行调试Android应用

    本文是在Ubuntu下已搭建好JRE+Eclipse+AndroidSDK的环境中进行的. 如果从未进行过如下的操作的话,在运行Android应用时,在设备选择器那里你的手机会显示为一大串" ...

  9. [dfs+水] hdu 4462 Scaring the Birds

    题意: N*N的矩阵中有M个点能够放稻草人.且给覆盖距离R 每一个稻草人能覆曼哈顿距离R以内的点 问最少须要多少个稻草人 思路: 由于范围非常小,直接能够暴力 注意稻草人所在的位置是不须要被覆盖的 代 ...

  10. 浅谈CSS布局

    在No.4中谈及了下盒子模型,引出布局模型 1.布局模型有三类: 1)流动模型  flow(默认) 2)浮动模型  float 3)层模型  layer 2.文档流 :指的是文本沿着从左到右的方向展开 ...