在页面onload上自动调用材料设计函数，而不是在onclick上

，是为了在页面加载完成后立即应用材料设计样式，而不需要等待用户点击事件触发。这样可以提高页面加载速度和用户体验。

材料设计是一种由Google推出的设计语言，旨在提供一种直观、自然和一致的用户界面体验。它强调平面设计、阴影、动画效果和响应式布局，使用户能够更轻松地理解和操作界面。

在页面的onload事件中调用材料设计函数可以确保在页面完全加载后应用材料设计样式。onload事件在页面的所有资源（如图片、样式表、脚本等）都已加载完成后触发，因此适合在此时调用材料设计函数。

以下是一个示例代码，展示了如何在页面的onload事件中自动调用材料设计函数：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/material-components-web@11.0.0/dist/material-components-web.min.css">
  <script src="https://cdn.jsdelivr.net/npm/material-components-web@11.0.0/dist/material-components-web.min.js"></script>
</head>
<body onload="applyMaterialDesign()">
  <!-- 页面内容 -->
  
  <script>
    function applyMaterialDesign() {
      // 在此处调用材料设计函数，例如初始化按钮、文本框等
      // 例如：mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button'));
    }
  </script>
</body>
</html>

在上述示例中，我们通过在页面的head部分引入材料设计的样式表和脚本，然后在body的onload事件中调用applyMaterialDesign()函数来应用材料设计样式。你可以根据具体的需求在applyMaterialDesign()函数中执行相应的操作，例如初始化按钮、文本框等。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。你可以根据具体的需求选择适合的产品来支持你的云计算应用。你可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。

在页面onload上自动调用材料设计函数，而不是在onclick上

javascript、reactjs、ecmascript-6

我正在使用React材质设计库。我向<link>添加了一个onClick侦听器，但该函数在页面加载时被调用。为什么会发生这种情况？下面是我的代码： const openBrowserWindow

浏览 7提问于2019-11-27得票数 2

8回答

页面加载时调用flash外部接口AS3函数

javascript、flash、actionscript-3

我在AS3中定义了一个函数，它将通过JavaScript从客户端调用。当调用AS3函数时，它只是在SWF屏幕上打印一些值。当我为一个按钮设置一个onclick事件处理程序并调用AS3函数时，它工作得很好。但是，我想在页面加载后立即调用此AS3函数。我在项目中使用jQuery，并将对AS3函数的调用放在$(doc

浏览 0提问于2009-03-24得票数 2

回答已采纳

1回答

如何防止网页加载后自动启动功能？

javascript、html、audio-recording

我用这个简单的录音机来记录我的声音：我想把它实现到我的网页上。此录音示例设置为在页面加载时要求用户立即允许麦克风，但我希望在单击按钮录音后显示此消息，因此当用户想使用此服务时。也有显示“日志”，他们也显示时，页面加载。我也想在点击按钮后显示日志。我认为这是合乎逻辑的，所以当用户想使用录像机时，他会被告知这项服务。

浏览 1提问于2015-04-10得票数 0

5回答

页面加载后立即显示Javascript警报

javascript、alert

以下代码中的错误是在页面加载后立即显示警告消息。请帮我克服这个错误。当我点击submit按钮时，警报不会显示，而是打开下一个链接。 </tr> <TH></TH> <TD width="50%"><INPUT TYPE="submit" Value="Submit" onclickhttp://l

浏览 0提问于2012-12-23得票数 1

回答已采纳

4回答

调用JavaScript函数的正确方式是什么？

javascript、function、dom

在下面的代码中，调用函数writeMessage时不带括号。然而，它工作得很好，但在javaScript中调用函数是一种正确的方式，还是使用括号和writeMessage()一起使用更好。window.onload = writeMessage; {}

浏览 0提问于2012-02-07得票数 0

3回答

Javascript表单&对PHP的Ajax请求

php、javascript、ajax

当Ajax代码没有包装在function xmlhttpGet()中时，它就工作了:PHP返回被调用的页面并将其插入到DIV中。在这段代码中，我将代码包装到函数xmlhttGet()中，没有发生任何事情。请求的页面未加载到DIV中。argument: </b><INPUT TYPE="submit"

浏览 3提问于2011-03-31得票数 1

1回答

javascript函数在页面加载时自动调用，而不是在单击时自动调用

c#、asp.net、javascript

我在aspx页面中有一个javascript函数，我在一台特定机器上的onclick event.but上调用它，它总是在无限循环中自动调用body onload。这对我来说似乎非常奇怪，.It在除一台以外的所有机器上都工作得很好。谁能帮帮我。提前谢谢。

浏览 0提问于2010-06-03得票数 0

2回答

，不能调用javascript函数。

javascript、django

<a href="javascript:void(0)" onClick="Foo()">Foo</a></li><script type="text/javascript" src=&qu

浏览 3提问于2014-01-22得票数 0

回答已采纳

5回答

什么调用Page_Load ?它是如何调用它的？

asp.net

Page_Load不是一个虚拟方法。什么调用此方法?它是如何调用的？是反射还是其他技术？另外，有多少事件是以这种方式处理的？另外，在重载的OnLoad或Page_Load中处理事情是更可取的吗？

浏览 0提问于2009-09-29得票数 27

回答已采纳

2回答

PHP函数在页面加载时自动调用，而不是通过onclick事件调用。

php、javascript、session、web-applications、post

我试图将网页的用户重定向到两个不同的页面中的一个，这取决于他们点击的两个按钮中的哪一个。我的方法是将每个onclick事件链接到一个javascript函数，该函数将调用一个php函数，该函数使用header()函数重定向到适当的页面。不幸的是，每次页面加载和重定向时，都会自动调用两个php函数中的insertIntoTable()，而用户甚至没有机会用按钮查看<

浏览 8提问于2012-10-27得票数 0

回答已采纳

4回答

使用弹出窗口打开我的网站

php、javascript、html

但我想通过弹出窗口打开该应用程序，这样工具栏上就没有后退按钮了。流程是，当我们输入我的URL应用程序时，它将弹出窗口。然后我们可以创建一个快捷方式或书签，当我们点击它时，它仍然会在弹出窗口中打开。

浏览 1提问于2012-11-13得票数 1

1回答

删除重定向onclick

javascript

因此，我希望一个页面自动重定向到另一个页面，除非单击一个按钮。我在考虑创建一个onload重定向，然后在元素的onclick上删除这个函数。我现在有这个，但是我不知道如何停止redirect()函数的激活： window.onload function redirect() { setTimeout("window.location.replace

浏览 9提问于2020-01-29得票数 0

回答已采纳

5回答

将php $_GET['']与Javascript函数相结合

php、javascript、xmlhttprequest

(在第一页上，他们加载每个会话的一个图像，当按下一个图像时，它将继续到该会话的其余图像。)到目前为止，我所做的是将一个javascript-函数放在一个只加载图库索引的文档中。这是完美无瑕的。在另一个文件中，我得到了几乎相同的代码，但是它加载了加载会话其余部分的函数-图像，但我无法让它工作。下面是应该加载特定会

浏览 4提问于2011-09-16得票数 2

回答已采纳

9回答

UIPageViewController页面控件背景颜色

ios、objective-c、uipageviewcontroller

我在我的应用程序中使用了UIPageViewController，它工作得很好。然而，它的页面控件是自动添加的，它有一个黑色背景，隐藏了当前视图控制器的底部材料(见下图)。是否可以调用UIPageViewController的页面控件并更改其颜色？我希望页面控件显示在视图控制器上(例如，Path应用程序的漫游)，就像设置颜色而不是黑色来清除。

浏览 2提问于2013-08-24得票数 46

1回答