JS 常用知识

来源:互联网 发布:人工智能 安防 真相 编辑:程序博客网 时间:2024/06/14 09:43

document.write("<h1>这是一个标题</h1>");

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

x=document.getElementById("demo")  //查找元素

x.innerHTML="Hello JavaScript";    //改变内容


x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式


等待3秒,然后弹出 "Hello":

var myVar;

function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}

function myStopFunction()
{
clearTimeout(myVar);
}

在 JavaScript 中, 可以使用以下代码来读取 cookies:

var x = document.cookie;
document.cookie 将以字符串的方式返回所有的 cookies,类型格式: cookie1=value; cookie2=value; cookie3=value


您还可以为 cookie 添加一个过期时间(以 UTC 或 GMT 时间)。默认情况下,cookie 在浏览器关闭时删除:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下,cookie 属于当前页面。

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可,如下所示,设置为 Thu, 01 Jan 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

检测 cookie 值的函数

var username=getCookie("username");
if (username!="")
  {
  alert("Welcome again " + username);
  }






JavaScript 常用于验证用户的输入。

if isNaN(x) {alert("不是数字")};


JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。
var day=new Date().getDay();
switch (day)
{
case 6:
  x="Today it's Saturday";
  break;
case 0:
  x="Today it's Sunday";
  break;
default:
  x="Looking forward to the Weekend";
}

请使用 default 关键词来规定匹配不存在时做的事情:

如果你要定义一个死链接请使用 javascript:void(0) 。

通常运算符 ( = + - * / ) 前后需要添加空格:

创建新的 HTML 元素

如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。

 实例

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

0 0