js 入门手记
来源:互联网 发布:阿里云2016年宕机问题 编辑:程序博客网 时间:2024/04/28 16:04
今天对js的基本概念以及代码进行了简单的练习,主要学习到了在<script>标签内改变样式, 在html页面内添加button的套路,还有js 调出对话框的2个常用语句
1.在script内部更改html元素的样式:
(1)先声明变量 var mydiv,获取元素 var mydiv=document.getElementById(“txt”)
(2)然后声明函数function changeColor(){
mydiv.style.color=“red”;
mydiv.stlye.backgroundColor=“#ccc”;}
说明:函数内调取html元素设置样式的套路为 Object.style.property=“value”;
2.html内部通过点击按钮button,调用script 内的函数以达到页面交互的效果
<input type="button” value=“显示在button上的内容” onClick=“changeColor()”>
3.confirm(message)
往往在一个函数里面声明变量,用带有信息的confirm为变量赋值:
var r=confirm("Press a button")
if(r==true){
document.write("You pressed OK!")
//弹出一条消息
}
else{
document.write("You pressed Cancel!")
//弹出另一条消息
}
说明:confirm() 方法,将显示一个对话框,对话框里带有指定消息,还有 确定以及取消按钮的对话框。
如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
4.prompt(text, defaultText)
往往在一个函数内部声明一个变量,用prompt()对话框为变量赋值
var name=prompt("Please enter your name","")
if (name!=null && name!="")
{
document.write("Hello " + name + "!")
}
说明:prompt() 方法显示一个对话框,在对话框内可提示用户进行输入相关信息。
- js 入门手记
- linux入门手记
- Tinyxml使用入门手记
- Tinyxml使用入门手记
- Ajax 入门 【学习手记】
- CodeIgniter入门手记
- linux驱动入门手记
- Struts2入门手记
- C++手记--快速入门
- Djago入门手记
- Shader入门学习手记
- LPC1788入门手记
- ReactNative入门-调试手记
- Linux入门1(手记)
- Linux入门2(手记)
- Linux入门3(手记)
- node.js开发手记
- node.js开发手记
- Python编程之高级特性
- 1. memory配置
- 集成的HTTP嗅探器HttpWatch v11发布,支持Google Chrome丨附下载
- Java反射---方法的反射、深入了解泛型
- Apriori算法学习笔记
- js 入门手记
- Scala入门到精通——第八节 包和引入
- 运维脚本:文件的空间使用和IO统计
- Android进阶——深入浅出Handler(一)
- 关于“ORA-01653:表xxx无法通过8(在表空间SYSTEM)扩展
- 欢迎使用CSDN-markdown编辑器
- ural 1297. Palindrome dp
- 2. lcm调试日志
- Redis和Memcached的区别