JavaScript学习笔记 - JavaScript基础


1 JavaScript 基础


1.1 JS 在 html 内部的引入:

html 文件是从上到下加载,可以使用:


或者引用 JS 文件:


练习1-1: 编写一个输入框和按钮,当点击按钮时, alert输出 hello + 输入框内容:



    
        
        
    
    
    
        
        
        
        
        
        
        
    

练习1-2. 点击按钮,实现计数操作



    
        
        
        
    
    
    
        
        
        
        
        



0

在这个练习中区分当修改输入框中的属性value时, 使用 变量.value; 当修改htmL标签内容时,使用 变量.innerHTML

// 标签中的内容: 元素.innerHTML
oText.innerHTML = index;        
// 属性的写操作
oTest.value = index;

练习1-3:点击操作修改标签内容的字体大小

var size = 20
oText.style.fontSize = size + 'px' 

库函数:

//将变量转化成数字
Number(变量名);
//取随机数, 取值范围(0, 1)
Math.random();
//浮点数取整, 向下取整
parseInt();

你可能感兴趣的:(JavaScript学习笔记 - JavaScript基础)