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);



相关文章
|
8月前
|
存储 移动开发 前端开发
HTML5的部分特性
【4月更文挑战第9天】HTML5的部分特性
65 1
|
8月前
|
移动开发 HTML5
HTML发展史和HTML结构
【2月更文挑战第17天】HTML发展史和HTML结构。
43 2
|
移动开发 JavaScript HTML5
HTML5 基础学习
HTML5 基础学习
60 0
|
4月前
|
移动开发 JavaScript 前端开发
值得关注的HTML基础
该文章全面介绍了HTML的基础知识,包括HTML的发展历史、文档结构(如DOCTYPE、html、head、body等标签的使用),以及如何通过语义化标签提高代码的可读性和搜索引擎优化(SEO)。
值得关注的HTML基础
|
5月前
|
XML 前端开发 Java
HTML基础1
HTML基础
60 10
|
5月前
|
数据采集 移动开发 搜索推荐
HTML基础结构
HTML基础结构
|
8月前
|
搜索推荐 索引
HTML的基本结构
HTML的基本结构
|
8月前
|
移动开发 HTML5
html的结构
【4月更文挑战第13天】html的结构
115 5
|
8月前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`&lt;!DOCTYPE html&gt;`、`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等基本元素及`&lt;div&gt;`、`&lt;span&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
117 0