Javascprit入门笔记

1、JS的位置和使用方法

一般来说JS的位置是任意的，可以在head，可以在body，也可以在其他任意地方。

"index.html"

 



  


  
我是第一段文字
  
我是第二段文字
  
  

在这里你甚至可以不写代码，把js代码写在其他文件里，到时再index.html文件里调用就好了，是不是很方便
调用方法

"script.js"
//请写入JS代码
alert("JS代码");
document.write("引用JS文件!");

2、DOM(document)的使用

文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。

1、最简单的输出

document.write("String")

2、常用的获取

元素的列表

var p=document.getElementById("p-ID");

获得元素列表后对其可进行许多操作

更改文本内容innerHTML

p.innerHTML = "String";

改变HTML样式

p.style.color= "color";           //字体颜色
p.style.width = "300px";        //一行宽度
p.style.fontSize = "20px";      //字体大小
p.style.background="blue";        //背景颜色

显示与隐藏

     
 
  
    
JavaScript
  
    
做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。
 
    

        
        
    
 

通过获取类名更改CSS样式

    
 JavaScript使网页显示动态效果并实现与用户交互功能。
    
    
JavaScript使网页显示动态效果并实现与用户交互功能。
    

    

3、一些杂七杂八的以后会补充

alert("String");     //消息提醒
confirm("String") ;//确定消息框，确定返回true，否定返回false
prompt();//消息对话框，获取用户输入的内容
window.open('目的网址','打开方式','显示细节')；
window.close(); // window是个比较广泛的类，用处用法比较多，以后补齐