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. A/B的困扰

    在学会简单A+B后,在实验A/B时遇到了下面的问题. #include<stdio.h> #include<stdlib.h> int main() { int a,b; sc ...

  2. ASP.NET Request.QueryString 出现乱码问题

    前台: var txing = $("#txing").combobox("getValues"); .......... &tixing=" ...

  3. Thinking in C++: 第1章 为什么C++会成功（改进了C的缺点，可复用C的知识与库，执行效率相当）

    本文内容摘抄自C++经典书籍:<Thinking in C++>   操作概念:OOP程序像什么 我们已经知道,用C 语言编写的过程程序就是一些数据定义和函数调用.要理解这种程序的含义,程 ...

  4. Hbase深入学习(一) 什么是hbase

    Hbase深入学习(一) 什么是hbase 一.hbase是什么?      首先hbase是一个在Hadoop的HDFS分布式存储系统上介于映射(key/value)的nosql的分布式数据库:它通 ...

  5. 28 个 Unix/Linux 的命令行神器

    28 个 Unix/Linux 的命令行神器   下面是Kristóf Kovács收集的28个Unix/Linux下的28个命令行下的工具(原文链接),有一些是大家熟悉的,有一些是非常有用的,有一些 ...

  6. [Leetcode][Python]50: Pow(x, n)

    # -*- coding: utf8 -*-'''__author__ = 'dabay.wang@gmail.com' 50: Pow(x, n)https://leetcode.com/probl ...

  7. hdu 2157 How many ways_ 矩阵快速幂

    题意:略 直接矩阵乘法就行了 #include <iostream> #include<cstdio> #include<cstring> using namesp ...

  8. ORACLE 表连接详解

    在ORACLE中,表连接方式主要有:内连接,外连接,自连接: 内连接: 这是最常用的连接查询 SELECT * FROM A INNER JOIN B ON A.ID=B.ID SELECT * FR ...

  9. DictoryInfo.GetFiles

    using System; using System.IO; namespace ConsoleApplication1 { class Program { static void Main(stri ...

  10. JQ调用后台方法

    首先,先在页面上创建一个asp按钮,添加点击事件,把要在前台调用的后台方法写在这个按钮的点击事件中: <span style="display:none;"><a ...