HTML使用要点

简介: HTML使用要点

1、按钮事件


   使用ID:


<script>
    $(function(){
        $("#button1").click(function(){
            $.get("/template/", function(ret){
            });
        });
    });
</script>
......
<button id="button1">button1</button><br/>

    使用onclick:


<script>
    function sure(){
        alert("Are you sure?");
    }
</script>
......
<button onclick="sure();">想好了</button>

2、判断img标签的src是否为空,


if($(".show-picture").attr("src")!=undefined)
......
//<img id="show-picture" src=""  >
    判断是否有该element .
if(document.getElementById("active_box")!=null)
{
......
}

3、获得上传图像的图片名字


var filePath = $("#img").val();
var arr=filePath.split('\\');
var fileName = arr[arr.length-1];

4、 设置标签的左边距:


//设置标签的左边距
<div style="margin-left: 30px;">
//字体加粗
<b>加粗</b>

5、通过ID、class、tagName(标签名字)获取 DOM。


document.getElementById(id);
document.getElementsByTagName(tagName);
document.getElementById(id).getElementsByClassName(className);



相关文章
|
移动开发 JavaScript HTML5
HTML5 基础学习
HTML5 基础学习
56 0
|
前端开发
前端基础 - HTML常用标签
前端基础 - HTML常用标签
44 0
|
3月前
|
移动开发 前端开发 搜索推荐
前端基础101之HTML总结
【8月更文挑战第1天】
23 4
|
6月前
|
缓存 前端开发 JavaScript
HTML设计最新笔记
HTML设计最新笔记
37 1
|
6月前
|
C++ Kotlin Android开发
学习HTML表单最关键要掌握的三个要点
学习HTML表单最关键要掌握的三个要点。
64 1
|
6月前
|
前端开发 JavaScript
html原理
html原理
144 2
|
6月前
|
移动开发 安全 容器
补充Html内容
元素外边距 外边距是指元素以某个对象的可见边界为参照的相对距离,外边距可设负值 margin-left和margin-top的参照对象是其父元素或其兄弟元素,margin-right和margin-bottom的参照对象是其兄弟元素,如果margin-right和margin-bottom的参照对象是其父元素,则这两个属性会失效。
|
11月前
|
搜索推荐
HTML h1和h2的三点区别
HTML中,h1和h2都是标题元素,二者的关系可以说是递进或递减的关系,如何理解呢?,HTML文档定义的网页一般会被设计成具有一定的结构,而且通常是具有清晰的结构,比如都具有一个主题,也就是说该网页的主要内容是什么,这不仅是告诉浏览网页的用户,也是告诉抓取网页的搜索引擎,有一个明确的主题对这二者来说都是友好的,而该主题一般可以通过h1元素来定义,而不是h2。h2通常被称为二级标题。二者的区别可以参考如下三点:
138 2
|
移动开发 搜索推荐 JavaScript
HTML5的介绍和基本框架
HTML5的介绍和基本框架
HTML重点常用
HTML重点常用
34 0
下一篇
无影云桌面