试试这个
Bookmarklet「小书签」与常用的网址收藏类似,同样被放置在书签栏里,它是一段带有特定功能的 JavaScript 代码,当用户点击这个「小书签」就会实现这段 JavaScript 代码的功能。利用「小书签」你可以快速实现多种功能。
与浏览器扩展插件相比,「小书签」无需额外的安装过程,自定义添加代码或者拖放至收藏夹完成添加,用户可以按需调用,减少后台占用系统资源。更为重要的一点,「小书签」在手机端同样适用,这对于无法安装插件的手机浏览器来说就显得更加实用。
添加Bookmarklet小书签 插件,快速复制网页标题
javascript代码<SCRIPT LANGUAGE="JavaScript">
function copyText(text)
{
window.clipboardData.setData("text",text)
}
</SCRIPT>
HTML代码
<body onload=copyText('123')>
</body>
打开前端编辑软件,新建一个html文件。在html代码页面上创建一个点击按钮,给这个按钮添加一个获取当前时间的getTime方法,点击该按钮就会触发getTime方法。如图
<input type="button" value="当前时间" onclick="getTime()">
找到<title>标签,在这个标签后面新建一个<scrtip>标签。如图:
代码:<script type="text/javascript"></script>
在<script>标签里创建获取时间的getTime函数,然后使用new Date获取当前的时间。如图:
代码:function getTime(){ var date = new Date()//创建时间对象}
在getTime函数中使用getFullYear()获取当前的年份;使用getMonth()获取当前的月份;使用getDay()获取当前日期。如图
代码:
var year = date.getFullYear()//获取年 var month = date.getMonth()//获取月 var day = date.getDay()//获取当日
组合时间,把获取到的年、月、日重新组合,然后使用alert弹出当前日期。如图
代码:
var time = year+"-"+month+"-"+day//组合时间alert("当前日期:"+time)
保存html代码后使用浏览器打开,点击获取时间按钮就会看到弹出的当前时间。如图
所有代码:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>获取当前时间</title><script type="text/javascript"> function getTime(){ var date = new Date()//创建时间对象 var year = date.getFullYear()//获取年 var month = date.getMonth()//获取月 var day = date.getDay()//获取当日 var time = year+"-"+month+"-"+day//组合时间 alert("当前日期:"+time) } </script></head><body><input type="button" value="当前时间" onclick="getTime()"></body></html>
可以直接复制所有代码,粘贴到新建的html文件,保存后运行即可看到效果。