1.<input type="button" value="Hello world!">

2.<button type="button">click me</button>

以上两种均可设置button

////////////////////////////

form的action属性表示表单的数据将会发送到这个地方

浏览器的method属性GET和POST两种

  • get：浏览器与表单处理服务器建立连接，然后将表单数据附加在action URL后，一次性传到服务器
  • post：浏览器与表单处理服务器建立连接，将数据按分段传输的方法传送给服务器

何时使用get或者post，参见：w3school

http://www.w3school.com.cn/tags/att_form_method.asp

////////////////////////////

<form enctype="value">

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码

当value是text/plain,表示空格转换为 "+" 加号，但不对特殊字符编码

/////////////////////////

<input> name属性：用于标识让服务器处理

<input> size，如果是type="text" size="39"就表示可以输入39个字符

/////////////////////////

<script>

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);

</script>

getElementById("demo")是通过id名来查找

var x = getElementsByTagName("p")是通过标签来查找

x[0].innerHTML为第一个<p>标签里面的内容

//////////////////////////

js表单验证是难点

/////////////////////////

onclick属性可以在其他元素中使用<p onclick="this.innerHTML='wocao'">hahhahha</p>

/////////////////////////

<body onload="checkCookies()">

<script>checkCooies(){}</script>

进入页面时，执行checkCookies()函数

onchange加在一个文本框，改变输入字段的内容

/////////////////////////////////////////////////////

html padding

<div style="padding:30px;width:30px;height:30px">看这里</div>

若加在div属性里面，表示在30x30的块周边有30px的边距

<div style="background-color:green;xxx;xxx;color:#ffffff(6个)">哈哈</div>

color:#ffffff表示“哈哈”二字为白色

//////////////////////////////////////////////////////

onmouseover="func()"

onmouseout="funca()"

func和funca()均为<script>部分里的代码

/////////////////////////////////

<input type="text">

文本框的背景颜色是obj.style.backgroundColor="yellow";

///////////////////////////////////

新增元素

var para=document.createElement("p");

var node=document.createTextNode("新段落");

para.appendChild(node);

var element=document.getElementById("div1");

element.appendChild(para);

////////////////////////////////

删除元素

parent=getElementById("id1");

child=getElementById("id2");

parent.removeChild(child);

////////////////////////////////

新建对象

1.对象的成员直接在赋值过程中新建

person = new Object();

person.lastname="guo";

person.firstname="jiale";

person.age=30；

正式定义对象

person={

firstname:"guo",

lastname:"jiale",

age:30

}

使用冒号，数字不引号，用逗号隔开

/////////////////////////////////////

对象构造器

function person(firstname,latname,age)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

}

myFather = new person("guo","jiale",30);

在写函数过程中生声明对象成员

/////////////////////////////////////////

添加对象的方法

function person(lastname,firstname,age){

this.XXX=xx

this.XXX=xx

this.changeName=changeName;//一定得加

function changeName(name){xxxx}

}

外函数用于构造对象，内函数是对象的方法，红色那句得加

//////////////////////////////

按照一定样式输出一个字符串

document.write(txt.fontsize(12));

document.write(txt.fontcolor("red"));

toLowerCase()/toUpperCase()

document.write(txt.link("http://www.w3school.com.cn"));//输出的还是txt的文本，不过附上了链接

///////////////////////////////////

indexOf()与match()可用于搜索字符串

var s="hello world";

document.write(s.indexOf("hello"));

//////

var s="hello world";

document.write(s.match("hello"));

有则返回该串，无则返回null

////////////////////////////////

var d=new Date();

d.setFullYear(1993,10,2)设置时间

////////////////////////////////////////

var arr=new Array(3);

arr[0]="George";

arr[1]="Gaby";

arr[2]="Smith";

document.write(arr.join("."));

将字符串数组连接起来以"."隔开

////////////////////////////////////////

字符串 'false' 是逻辑的 true

var b6=new Boolean("false");

var b5=new Boolean("");

b5是false

null的逻辑是false

var b4=new Boolean(null);

var b7=new Boolean(NaN);

也是false

///////////////////////////////////////

1.RegExp对象test

var patt1=new RegExp("e");

document.write(patt1.test("wodesuyan"));

会按照e搜索整个串，有则返回true,无则返回false

2.var patt1=new RegExp("e");

document.write(patt1.exec("wodesuyan"));

串中有则返回e，无则返回null

3.var patt1=new RegExp("e","g")

g用于循环

4.compile

var patt1=new RegExp("e");

patt1.compile("d");

将e模式改成d模式

//////////////////////////////////

var w=window.innerWidth

var h=window.innerHeight

html和js的更多相关文章

  1. Vue.js 和 MVVM 小细节

    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...

  2. js学习笔记：操作iframe

    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...

  3. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  5. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

  6. 利用snowfall.jquery.js实现爱心满屏飞

    小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...

  7. node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  8. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

  9. 干货分享：让你分分钟学会 JS 闭包

    闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它.因此,本文不会对闭包的概念进行大篇幅描述 ...

  10. JS核心系列：理解 new 的运行机制

    和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象. 但在 javascript 中,万物皆对象,为什么还要通过 ...

随机推荐

  1. Oracle EBS-SQL (BOM-15):检查多层BOM(含common BOM).sql

    select       distinct b.lvl                                                      层次, b.OPERATION_SEQ ...

  2. UbuntuOpenStack core componennts

    <1,keystone安装配置> 1,yum -y install openstack-keystone python-keystoneclient; 2,配置实用mysql存储keyto ...

  3. linux系统关机与重新启动命令

    在linux下关机和重新启动系统有shutdown.halt.reboot.init,对于他们来说他们的内部工作过程是不同样的. 1.shutdown命令 使用它能够安全地关闭系统.然而在关闭系统时. ...

  4. Windows下搭建Eclipse+Android4.0开发环境

    官方搭建步骤: http://developer.android.com/index.html 搭建好开发环境之前须要下载以下几个文件包: 一.安装Java执行环境JRE(没这个Eclipse执行不起 ...

  5. 浅谈:SAMBA配置设置

      通过以下命令安装samba: yum install -y samba samba拥有三个服务,分别是: smbd 提供文件及打印共享功能,使用139.445端口 nmbd 提供NetBIOS支持 ...

  6. PhoneGap Xcode iOS教程

    http://mobile.51cto.com/web-334924.htmhttp://phonegap.com/install/http://www.phonegap100.com/jiaoche ...

  7. Toolkit Pro学习--Toolbar的创建

    一.新建Toolkit Pro应用程序 安装好Toolkit Pro后,打开VS2008,新建-项目-Toolkit Pro Application.如图1所示. 图1:Toolkit Pro创建窗口 ...

  8. MySQL常用命令及操作

    1.登录与退出    1)登录        windows下直接在DOS命令窗口用root用户登录输入mysql回车;        linux下输入使用PUTTY连接mysql的服务器,然后输入: ...

  9. 二.ubuntu14.04 3D特效设置

    一.如果按照第一篇都设置好了(显卡驱动等都已经正常),然后 1.安装CCSM设置管理器 用鼠标点击屏幕左侧Unity程序启动栏中的“Ubuntu软件中心”(有“A”字形的公文包图标), 在弹出的“Ub ...

  10. bootstrap之noConflict的详解

    翻开推特框架,不经发现,几乎所有的插件都会出现noConflict的写法来防止和其他的插件冲突!我们以button.js为例子,打开其源代码发现 如下: var old = $.fn.button $ ...