第十一天,js的基本使用
来源:互联网 发布:51牛股数据分析大师 编辑:程序博客网 时间:2024/05/17 03:24
今天学习了js的基础,重点是获取对象,需要多练习
js全称javascript
格式:<script type="text/javascript">
//script中的type可以不写,开始写js的代码
document.write("这里面可以写html的代码");
</script>
javascript没有方法,只有函数
上面的document.write("这里面可以写html的代码");不属于任何函数,这时候加载页面就执行
不属于任何属性的js语句,页面加载时就执行,一旦属于某属性, //重点
只能在HTML输出中使用document.write("这里面可以写html的代码");,如果在文档加载后使用该方法,会覆盖整个文档 //重点
下面是一个叫test的函数,里面是一个弹出框
<script type="text/javascript">
function test(){
alert("这是一个弹出框");
}
</script>
调用函数的方法如下,创建一个button,onclick事件可以选择鼠标点击后执行的函数
<input type="button" value="确认" onclick="test()">
ondblclick是双击事件
确认和警告框
alert("内容");
询问框
prompt
javascript改变/获取html内容: //重点
首先要获取html标签的对象,使用document.getElementById("id");
例如:
js部分代码
<script type="text/javascript">
function getID() {
var email = document.getElementById("email");
alert(email.value);
}
</script>
html部分代码
<input type="text" value="123" id="email">
<input type="button" value="获取对象" onclick="getID()">
在js函数中获取到对象后也可以获取对象的属性,例如获取图片的src
<script type="text/javascript">
function getSRC() {
var img = document.getElementById("image").src;
alert("图片的对象"+img);
}
</script>
<img src = "a.jpg" id="image" onclick="getSRC()">
阅读全文
0 0
- 第十一天,js的基本使用
- 第十一天 PHP的八个基本数据
- 第十一天:集成工具eclipse的使用
- JS的基本使用
- 放假的一天(第十一天)
- 第十天 挑战性的一天
- 学习python的第十一天
- 学习C的第十一天
- GUI的布局-第十一天
- 【南大软院大神养成计划:第十一天】JS,进阶的巨人(一)
- 第十一天
- 第十一天
- 第十一天
- 第十一天
- 第十一天
- 第十一天
- JS的基本使用(2)
- doT.js的基本使用
- 【bzoj3697】采药人路径
- H5前端开发-课堂笔记1
- 正则表达式
- 数据结构与算法Java版——九大基本排序算法(1)
- maven插件自动生成mybatis代码---sqlserver
- 第十一天,js的基本使用
- 将自己的数据集改为PASCAL VOC2007格式用于
- WINDOWS核心编程——线程同步
- 高通camera架构讲解
- 集合框架
- Yarn 应用开发流程
- 警告: A docBase D:\apache-tomcat-6.0.53\webapps\webapps\projectname inside the host appBase has been
- linux命令(50):crontab命令
- caffe训练CIFAR数据库