Javascript 根据页面中的某些条件插入css

我有一个可以在sharepoint中作为弹出窗口的页面。现在我可以使用此javascript来确定它是否是一个弹出窗口if（

window.location.search.match（“[？&]IsDlg=1”）

），但我不知道如何根据此条件插入一些css

我想的一种方法是在页面中添加一个标签，然后使用代码隐藏来识别条件并插入css，但我也想通过javascript检查这是否可行。请有人指导我

我想我可以用jQuery这样做

$('<style type="text/css">#foo { background: #000; } </style>').appendTo("head");

$（'foo{background:'000；}'）。附录（“head”）；

---

谢谢

我不太明白你的问题，也许你可以展示一些代码？ 使用jQuery，您可以如下设置css：

$('.my-div').css('display','block');

$('.my-div').addClass('yellow-border');

或者您可以编写css并将其放入样式表中，然后在元素上设置类，如下所示：

$('.my-div').css('display','block');

$('.my-div').addClass('yellow-border');

---

我不确定我是否理解你的问题，也许你可以展示一些代码？ 使用jQuery，您可以如下设置css：

$('.my-div').css('display','block');

$('.my-div').addClass('yellow-border');

或者您可以编写css并将其放入样式表中，然后在元素上设置类，如下所示：

$('.my-div').css('display','block');

$('.my-div').addClass('yellow-border');

---

对不起，我应该提供更多的细节。所以我有一个页面，可以像普通页面或弹出窗口一样打开。我想要的是，当它作为弹出窗口打开时，应该在页面中插入一些css。现在我的想法是，我可以检查页面是否弹出，但是如何插入css。听起来不错比如，如果您可以检查它是否是一个弹出窗口，您可以向元素层次结构的顶部添加一个类，如下所示：这就是我正在做的。在页面加载时启动此函数，然后执行此操作。似乎工作正常。你们认为这是一个很好的函数测试还是更好的函数测试（{if（window.location.search.match（“[？&]IsDlg=1”）{$（'#foo{background:#000；}'）。appendTo（“head”）}实际上，我可以使用这个$（document）.ready（函数（）{if（true）{$（'foo{background:blue；}'）.appendTo（“head”）；}）；这应该很好，在我的第二个示例中添加一个类可能会更好地提高性能，但是如果你只需要一种颜色，那就用它：）对不起，我应该提供更多的细节。所以我有一个可以像普通页面或弹出窗口一样打开的页面。我想要的是，当它作为弹出窗口打开时，应该在页面中插入一些css。现在我的想法是，我可以检查页面是否是弹出的不管是否打开，但是我如何插入css。听起来好像如果你能检查它是否是一个弹出窗口，你可以像这样在元素层次结构的顶部添加一个类：这就是我正在做的。在页面加载时启动此函数，然后执行此操作。似乎工作正常。你们认为这是一个很好的函数测试还是更好的函数测试（{if（window.location.search.match（“[？&]IsDlg=1”）{$（'#foo{background:#000；}'）。appendTo（“head”）}实际上，我可以使用这个$（document）.ready（函数（）{if（true）{$（'foo{background:blue；}'）.appendTo（“head”）；}）；这应该很好，在我的第二个示例中添加一个类可能会有更好的性能，但是如果您只需要一种颜色，那么就使用它：）