JavaScript-入门知识

位置

一般放在标签之中
外部链接文件格式

<script src="demo.js" type="text/javascript"></script>

输出

*允许组合输出

document(变量+“字符串”+“标签”)

例子：

var nickname="honey";
document.write("helloworld");
document.write(nickname);
document.write(nickname+"<hr>"+"we")
***************************************************************************
helloworldhoney
------------------------------------------------------------------------
honeywe

确认

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str：在消息对话框中要显示的文本
返回值: Boolean值

返回值:

当用户点击"确定"按钮时，返回true
当用户点击"取消"按钮时，返回false

提示

prompt(str1,str2)

//str1:提示文字

//str2:文本输入框的默认内容

新窗口

window.open([URL], [窗口名称], [参数字符串])

窗口名称

_blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标

DOM结构

HTML文档可以说由节点构成的集合，三种常见的DOM节点:

1. 元素节点：上图中、、

等都是元素节点，即标签。

2. 文本节点:向用户展示的内容，如

…

中的JavaScript、DOM、CSS等文本。

3. 属性节点:元素属性，如标签的链接属性href=”http://www.imooc.com”。

通过ID获取元素

Object=getElementByID("idName");

替换HTML元素内容

Object.innerHTML

改变HTML样式

风格

Object.style.property=new style;

例子：

**************************************new.html*********************************************
<p id="last">Hello World</p>
*******************************************************************************************
*****************************   *********new.js***********************************************
var new=document.getElementById("last");
new.style.font="微软雅黑";
new.style.backgroundcolor="red";

可见性

Object.style.display = value

例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试2</title>
    <style> 

    </style>
</head>
<script type="text/javascript">


function showtext()
{
    var poem=document.getElementById("Jay");
    poem.style.display="block";

}
function hidetext()
{
    var poem=document.getElementById("Jay");
    poem.style.display="none";

}



</script
<body>
    <p id ="Jay">天青色等烟雨 而我在等你
        <br/>
        炊烟袅袅升起 隔江千万里
        <br/>
        在瓶底书汉隶仿前朝的飘逸
        <br/>
        就当我为遇见你伏笔 
    </p>
    <input type="button" value="显示文本" onclick="showtext()"/>
    <input type="button" value="隐藏文本" onclick="hidetext()"/>

</body>
</html>

改变类属性

object.className = classname