1、表单对象

1）访问者输入正确的密码才可进入网站

HTML DOM prompt() 方法，prompt() 方法用于显示可提示用户进行输入的对话框。prompt(text,defaultText)，text:可选，要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText:可选，默认的输入文本。

<script>
　　var passward = prompt("请输入密码(本站需要密码才可以进入):","");
　　if(passward != 'niuxinlong'){
　　　　alert("密码不正确，无法进入本站！");
　　　　window.close();
　　　}else {
　　　　window.open("http://www.cnblogs.com/qikeyishu/");
　　}
</script>

2、图片对象

1）获取图片信息

<!DOCTYPE html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>获取图片信息</title>
</head>
<body>
<div id="img">
<img name="Img" border="2" width="100" height="100" lowsrc="img.jpg" src="imgs/lanrenzhijia.jpg" hspace="6" vspace="6" alt="image.jpg">
</div>
<script>
getInfo();
function getInfo() {
　　document.write("边框：");
　　document.write(document.Img.border);
　　document.write("<br>");
　　document.write("加载是否完成：");
　　document.write(document.Img.complete);
　　document.write("<br>");
　　document.write("图片的宽度：");
　　document.write(document.Img.width);
　　document.write("<br>");
　　document.write("图片的高度：");
　　document.write(document.Img.height);
　　document.write("<br>");
　　document.write("lowsrc的url为：");
　　document.write(document.Img.lowsrc);//lowsrc属性用来设置在显示图片前，所显示的低分辨率图片的url
　　document.write("<br>");
　　document.write("图片的url：");
　　document.write(document.Img.src);
　　document.write("<br>");　　
　　document.write("图片的水平边距hspace：");//设置与文件的横向间隔
　　document.write(document.Img.hspace);
　　document.write("<br>");
　　document.write("图像的垂直边距vspace：");//设置与文件的纵向间隔
　　document.write(document.Img.vspace);
}
</script>
</body>
</html>

效果图

2）显示加载图像状态

JS表单对象和图片对象--JavaScript基础的更多相关文章

  1. 我总结的js变量、数组、对象等基础知识

    我的第一篇博客 ——JS的那些基础概念 第一次写,也不知道有没有什么套路,需不需要注意文采之类的.不管了,我就直接写主要内容吧!下面是我总结的一些关于JS的基础概念: [变量]从字面上面,变量是可变的 ...

  2. JS显示动态的系统时间--JavaScript基础

    1.网页中实时显示当前时间 <!DOCTYPE html><html lang="en"><head> <meta charset=&qu ...

  3. JavaScript基础知识点

    本书目录 第一章:  JavaScript语言基础 第二章:  JavaScript内置对象第三章:  窗口window对象第四章:  文档document对象第五章:  表单form对象第六章:   ...

  4. javascript基础系列(入门前须知)

    -----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...

  5. JavaScript基础15——js的DOM对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)

    函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回 ...

  7. JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)

    String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘ ...

  8. java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）

    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...

  9. 前端（十二）—— JavaScript基础操作：if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

随机推荐

  1. 【win10】大水牛主机插入耳机没有声音

    主机:大水牛,技嘉主板 操作系统:win10 问题:主机前面插入耳机,没有声音,扬声器图标出错 解决 一..插入耳机 二..Realtek高清晰音频管理器 1.打开音频管理器,点击右下角的设置 2.点 ...

  2. DesignPatternPrinciple（设计模式原则）二

    设计模式六大原则(5):迪米特法则 定义:一个对象应该对其他对象保持最少的了解. 问题由来:类与类之间的关系越密切,耦合度越大,当一个类发生改变时,对另一个类的影响也越大. 解决方案:尽量降低类与类之 ...

  3. 重拾java中的 i++ 和 ++i

    java中的 i++ 和 ++i 首先记着要点: 1.i++是先取值再运算. 2.++i是先运算后取值. 举个栗子: int y,x=3;y=(++x)+(++x); 则y=? 分析:先运算后取值,先 ...

  4. equals()和==的区别

    这个问题,总是记不住,那我就动手多写几遍,加强自己的记忆. 先给结论: 1)==.主要作用于基本数据类型的变量,比较的是二者的 "值"是否相等:如果作用于两个对象之间,则比较的是对 ...

  5. jmeter系列-------脚本调试

    1.调试的时候 可以只跑需要调试的接口,禁用其他的接口 2.每个接口都需要增加断言眼,保证脚本的结果的正确性 3.验证脚本的可靠性,可以切换用户(测试变量)来进行调试 4.使用Debug Sample ...

  6. Flask01 路由控制（转换器）、反转、请求方法控制

    1 提出问题 如何实现前端传过去的路径时动态的(即:多个url对应一个url视图函数) 例如: 浏览器中输入 http://127.0.0.1:5000/test/good/ 或者 http://12 ...

  7. 安装sklearn过程

    sklearn是scikit-learn的简称,诸多python工具包都需要这个库 安装顺序: wheel numpy scipy sklearn 因为这个库一直安装不好,都没有动力继续深造机器学习了 ...

  8. JSON取值(key是中文或者数字)方式详解

    JSON取值(key是中文或者数字)方式详解 先准备一个json对象用于演示 var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'}; 使用JS中w ...

  9. Google的SPDY协议成为HTTP 2.0的基础

    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt384 据TNW援引 IFTF HTTP 工作组主席 Mark Notting ...

  10. hdu 2066 最短路水题

    题意:给出多个可选择的起始点和终点,求最短路 思路:执行起始点次的spfa即可 代码: #include<iostream> #include<cstdio> #include ...