一些常用的JavaScript的Bookmarket

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34416754

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/xngiser/blog/29836

本文介绍了一系列使用JavaScript进行页面元素操作的方法，包括无参和有参的弹窗警告、使用void防止页面刷新、修改元素样式、添加样式表、插入div元素及JavaScript脚本等。

2019独角兽企业重金招聘Python工程师标准>>>

备份用

//无参数
javascript:(function(){alert("this is a test");})()

//有参数
javascript:(function(arg){alert(arg);})("this is argument.")

// 使用 void()，防止页面产生返回值，使页面刷新
javascript:void((function(){alert("this is a test");return 0;})())

// 改变某一元素的style样式
javascript:(function()
{
	document.getElementsByTagName('body').item(0).style.cssText += '; transform:rotate(180deg);'
})()


//添加样式表style
javascript:void(
(function()
{
	var e=document.createElement('link');
	e.setAttribute('rel','stylesheet');
	e.setAttribute('type','text/css');
	e.setAttribute('href','http://img3.douban.com/css/packed_douban5789200023.css');
	document.getElementsByTagName('head')[0].appendChild(e);
	})
());

//添加div

javascript:void(
(function()
{
	var e=document.createElement('div');
	e.style.cssText+='width:100%;height:50px;background-color:#000;position:fixed;bottom:0px;opacity:0.6;'; 
	document.getElementsByTagName('body')[0].appendChild(e);
	})
());
//添加 javascript脚本
javascript:void(
(function()
{
	var e=document.createElement('script');
	e.setAttribute('type','text/javascript');
	e.setAttribute('charset','UTF-8');
	e.setAttribute('src','http://www.duitang.com/js/core/widget/collectit.js');
	document.body.appendChild(e)
	})
());

over

转载于:https://my.oschina.net/xngiser/blog/29836